摘要: 场景: 1. 某列表头文字内容过长,要对每列表头自定义宽度 2. 表格row的每一column文字不换行,超过列宽则省略,mouseover有提示 3. 对于label做滤值处理 <template> <el-row> <el-col :span="24"> <template> <el-table 阅读全文
posted @ 2020-08-01 16:31 盼星星盼太阳 阅读(1263) 评论(0) 推荐(0) 编辑
摘要: 场景:在el-table表格中嵌入表单元素,写法如下 注意两点:动态生成 el-form-item的 prop 以及给el-form-item设置rules属性 一、一般v-for循环生成表单元素,prop验证规则写法 :prop写法如下 <div v-for="(v, i) in standard 阅读全文
posted @ 2020-08-01 16:23 盼星星盼太阳 阅读(2219) 评论(0) 推荐(0) 编辑
摘要: 场景:elementui表单元素change时调用接口获取接口数据之后,表单规则验证接口数据 change函数在调用接口获取数据之后,利用validateField,单个元素进行验证接口数据 1.页面元素 <el-form-item label="xxxx" prop="projectId"> <e 阅读全文
posted @ 2020-08-01 16:11 盼星星盼太阳 阅读(1765) 评论(0) 推荐(0) 编辑
摘要: 场景:elementui进行表单验证时,多个输入框同一个验证规则,此时弹窗验证提示消息会出现多条,此时需要运用防抖解决; 场景一:提交表单,只用弹窗提示消息,无需输入框下方提示; 1.字段 rules:{ ****: [ { required: true, message: "xxxx", trig 阅读全文
posted @ 2020-08-01 16:06 盼星星盼太阳 阅读(1763) 评论(0) 推荐(1) 编辑
摘要: 时间对象常用函数 // 获取指定年份最后一天 function getLastDay(year, month) { var new_year = year; //取当前的年份 var new_month = month++; //取下一个月的第一天,方便计算(最后一天不固定) if (month > 阅读全文
posted @ 2020-08-01 15:50 盼星星盼太阳 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 场景:传入三个参数2020-02-02,2020-08-01,31,开始日期,结束日期,分隔日期 要求:从开始日期到结束日期,按每个月31号划分成日期段(不足的自动按照当月最后一天) dataMonth(value1, value2, day) { var getDate = function (s 阅读全文
posted @ 2020-08-01 15:35 盼星星盼太阳 阅读(1352) 评论(0) 推荐(0) 编辑
摘要: ref 的用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。 3、利用 v-for 和 ref 获取一组数组或者dom 节点 注意点: 1、ref 需要在dom 阅读全文
posted @ 2020-08-01 15:17 盼星星盼太阳 阅读(5185) 评论(0) 推荐(0) 编辑
摘要: 场景:对一个对象或者数组遍历,其中一个值满足条件时请求接口,得到数据后进行后续代码操作 1.forEach回调函数直接结合async await使用,并不能将循环中的异步请求转为同步,得不到正常结果 Object.keys(propsAccountInfo).forEach(async (v) => 阅读全文
posted @ 2020-08-01 15:10 盼星星盼太阳 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 场景:页面开始加载调用多个接口,并且需等待上一次请求完成,再调用下一个接口.(未二次封装axios) 想利用async...await实现 async created() { await this.getBank(); ...... await this.getAccountInfo(); .... 阅读全文
posted @ 2020-08-01 14:45 盼星星盼太阳 阅读(6835) 评论(2) 推荐(0) 编辑