年轻浅识

摘要： el-input为例 v-model使用trim属性去除首尾空格 <el-input v-model.trim="filterData.userWorkNo" placeholder="请选择或输入" > </el-input> 绑定键盘输入正则过滤空格（所有位置均可过滤） <el-input v- 阅读全文

摘要： 绑定input事件：@input="inputarr" inputarr(n) { //限制多选条数 if (n.length > 10) { this.$message.warning("最多可选择10条数据"); delete n[n.length - 1]; } }, 阅读全文

摘要： npm安装 npm install vuescroll -S 全局引用：main.js import VueScroll from 'vuescroll'; Vue.use(VueScroll); 界面引用 <vue-scroll :ops="ops"> <div><!-- 滚动区域 --></di 阅读全文

摘要： 判断对象数组是否包含某个属性 let objArr=[{type:1},{type:2}] let isExist=objArr.some(item=>item.type==1) 判断对象数组是否包含重复属性 let objArr=[{type:1},{type:2},{type:3}] let o 阅读全文

摘要： el-tree刷新时会初始化绑定数据，可设置el-tree的默认展开节点，还原刷新前展开状态 :default-expanded-keys="defaultExpandNodes" 在调用el-tree绑定数据刷新时执行以下方法保存当前节点展开状态即可 setDefaultExpandedKeys( 阅读全文

摘要： <el-tooltip :content="info" placement="top" :disabled="isshowtip"> <el-input style="width:50px" v-model="info" @mouseover.native="inputOnMouseOver($ev 阅读全文

摘要： main.js创建自定义指令： Vue.directive('throttle',{ inserted(el,binding){ el.addEventListener('click',()=>{ el.style.pointerEvents='none'; if(!el.disabled){ se 阅读全文

摘要： el-table会自动过滤空格和换行，解决方法：设置单元格样式white-space即可 .el-table .cell{white-space:pre-wrap} 阅读全文

摘要： element upload组件自定义上传时会丢失上传进度，解决方法自定义上传时，接口添加onUploadProgress获取上传进度信息。 代码如下： // 上传组件 <el-dialog title="文件导入" :visible.sync="dialogImportVisible"> <el- 阅读全文

摘要： flex布局中子元素设置以下一种样式即可 .item{ margin-left:auto; } .item{ flex: 1; text-align: right; } 阅读全文