摘要: el-input为例 v-model使用trim属性去除首尾空格 <el-input v-model.trim="filterData.userWorkNo" placeholder="请选择或输入" > </el-input> 绑定键盘输入正则过滤空格(所有位置均可过滤) <el-input v- 阅读全文
posted @ 2022-05-30 14:07 年轻浅识 阅读(816) 评论(0) 推荐(0) 编辑
摘要: 绑定input事件:@input="inputarr" inputarr(n) { //限制多选条数 if (n.length > 10) { this.$message.warning("最多可选择10条数据"); delete n[n.length - 1]; } }, 阅读全文
posted @ 2022-05-25 17:09 年轻浅识 阅读(789) 评论(0) 推荐(0) 编辑
摘要: npm安装 npm install vuescroll -S 全局引用:main.js import VueScroll from 'vuescroll'; Vue.use(VueScroll); 界面引用 <vue-scroll :ops="ops"> <div><!-- 滚动区域 --></di 阅读全文
posted @ 2022-05-11 15:18 年轻浅识 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 判断对象数组是否包含某个属性 let objArr=[{type:1},{type:2}] let isExist=objArr.some(item=>item.type==1) 判断对象数组是否包含重复属性 let objArr=[{type:1},{type:2},{type:3}] let o 阅读全文
posted @ 2022-05-11 10:17 年轻浅识 阅读(14) 评论(0) 推荐(0) 编辑
摘要: el-tree刷新时会初始化绑定数据,可设置el-tree的默认展开节点,还原刷新前展开状态 :default-expanded-keys="defaultExpandNodes" 在调用el-tree绑定数据刷新时执行以下方法保存当前节点展开状态即可 setDefaultExpandedKeys( 阅读全文
posted @ 2022-04-22 11:25 年轻浅识 阅读(1487) 评论(0) 推荐(0) 编辑
摘要: <el-tooltip :content="info" placement="top" :disabled="isshowtip"> <el-input style="width:50px" v-model="info" @mouseover.native="inputOnMouseOver($ev 阅读全文
posted @ 2022-04-19 10:47 年轻浅识 阅读(1207) 评论(0) 推荐(1) 编辑
摘要: main.js创建自定义指令: Vue.directive('throttle',{ inserted(el,binding){ el.addEventListener('click',()=>{ el.style.pointerEvents='none'; if(!el.disabled){ se 阅读全文
posted @ 2022-04-01 15:56 年轻浅识 阅读(581) 评论(0) 推荐(0) 编辑
摘要: el-table会自动过滤空格和换行,解决方法:设置单元格样式white-space即可 .el-table .cell{white-space:pre-wrap} 阅读全文
posted @ 2022-03-25 08:40 年轻浅识 阅读(840) 评论(0) 推荐(0) 编辑
摘要: element upload组件自定义上传时会丢失上传进度,解决方法自定义上传时,接口添加onUploadProgress获取上传进度信息。 代码如下: // 上传组件 <el-dialog title="文件导入" :visible.sync="dialogImportVisible"> <el- 阅读全文
posted @ 2022-03-11 14:45 年轻浅识 阅读(4616) 评论(0) 推荐(0) 编辑
摘要: flex布局中子元素设置以下一种样式即可 .item{ margin-left:auto; } .item{ flex: 1; text-align: right; } 阅读全文
posted @ 2021-12-20 17:10 年轻浅识 阅读(587) 评论(0) 推荐(0) 编辑