ZZHK666的博客

1、 <el-select v-model="ruleForm.area" placeholder="Northland" > <el-option v-for="item in location" :key="item.value"

<vue-html5-editor :content="company_info.desc_list" :height="150" :z-index="1000" placeholder="111" :auto-height="true" @change="updateContent" ></vue-html5-editor> 全局配置 main.js// 富文本import '../node_modules/font-awesome/css/font-awesome.cs

vue 遍历动态改变字体颜色

在vue中通过点击事件获取上一个标签、父标签、第一个子标签等元素。( 以下元素都是以所点击的元素进行查找 )e.target 获取当前点击的元素e.currentTarget 获取绑定事件的元素e.currentTarget.previousElementSibling 获取前(上)一个元素e.currentTarget.parentElement 获取父元素e.currentTarget.firstElementChild 获取第一个子元素e.currentTarget.nextElement

1、html<input type="text" @change="specifiName($event)" />//输入框的change事件<input type="text" @input="specifiName($event)" />//输入框的输入事件<input type="text" @keyup.enter="specifiName($event)" />//输入框的回车事件2、vue.jsvar vm = new Vue({ el:

vue 阻止事件冒泡 默认行为

view_pdf(){ const idx = this.userinfo.resume.lastIndexOf("."); if (idx != -1){ const ext = this.userinfo.resume.substr(idx+1) if(ext == 'doc' && ext == 'docx'){ const res = this.userinfo.resume

<template> <el-container> <div class="personIndex"> <div class="person_cont"> <div class="setting_top"> <div class="setting_title"> <p class="icon_right"&g

el-form-item label="开始时间" prop="startTime" > <el-date-picker v-model="form.startTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%" :picker-options="startDatePicker" :disabled="dial

废话不多说，直接贴代码。。。<scroll-view scroll-y style="height: {{windowHeight}}" scroll-into-view="{{alpha}}"> <view class="alphabet"> <view id="Top" class="header"> <view class="h-city"> <text>北京</text> &

ul li { margin: 0; padding: 0; list-style: none; } #app { width: 600px; height: 400px; margin: 0 auto; border: 1px solid #ccc; } .t...

.layui-timeline { padding-left: 50%; padding-top:20px}.layui-timeline-item { position: relative; padding-bottom: 20px; margin-top:-12px;}li { list-style: none;}.layui-timeline-item:first-child::before { display: block;}.layui-tim.

穿梭框 <el-transfer filterable v-model="chooseRole" :render-content="renderFunc" :titles="['未选定选项', '已选定选项']" filter-placeholder="请输入" :data="roleData" @righ

把中间的空行删掉，完美解决

Vue 代码层面的优化；webpack 配置层面的优化；基础的 Web 技术层面的优化。一、代码层面的优化1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。所以，v-if.

分析打包出来的文件安装webpack-bundle-analyzer这个插件,然后使用npm run build --report输出项目打包情况,直观的比较哪个bundle文件的大小,有针对性的进行模块化拆分路由懒加载在 router.js文件中，原来的静态引用方式，如import ShowBlogs from '@/components/ShowBlogs';routes: [(path: 'Blogs'), (name: 'ShowBlogs'), (component: ShowBlo

├── README.md 项目介绍├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新│ ├── dev-server.j