摘要: 记录一个小问题,在table内的动态表单如何做必填校验 如图,内容栏中每行会有几个输入框是不确定的,会根据具体数据渲染,那这种动态的表单如何校验呢,直接上代码 <Form :model="formData" ref="dataForm" :rules="formRules" :label-width 阅读全文
posted @ 2023-06-20 11:35 忽闻河东狮子吼 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 一、 使用插槽时元素的显示规律 1、在不使用作用域的情况下(v-slot="scope"或slot-scope="scope"),不论是具名插槽还是默认插槽其显示数量为 使用时插入的元素个数 x 组件中设置的插槽数 2、在使用作用域的情况下,只要同一类的插槽有一个使用了作用域,那么其数量只为--组件 阅读全文
posted @ 2022-07-25 11:46 忽闻河东狮子吼 阅读(3197) 评论(0) 推荐(0) 编辑
摘要: floatNum (sourceValue, intLen = 10, floatNum = 4) { //默认10位浮点数 整数位最大6位 默认可输入4位小数 必须是正整数 必须输入数字 let tempValue = sourceValue ? sourceValue.toString() : 阅读全文
posted @ 2022-04-02 11:05 忽闻河东狮子吼 阅读(51) 评论(0) 推荐(0) 编辑
摘要: <Form ref='form' :model="formParams" :rules="formRules" :label-width="80"> <FormItem label="排序号" prop="sort"> <InputNumber style="width:100%;" v-model 阅读全文
posted @ 2021-11-08 10:16 忽闻河东狮子吼 阅读(1102) 评论(0) 推荐(0) 编辑
摘要: 1.取出对象中的数组,并做扁平化处理(即转化为一维数组) const objArr = { '人员':[1,2,3], '市场':[5,6,12], '财物':[5,49,79], '总经办':[3,42,53,5,5,5,5], } let getArr=Object.values(objArr) 阅读全文
posted @ 2021-10-20 16:02 忽闻河东狮子吼 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 项目中某个表单带有导入的功能,其中必填项验证的触发方式为blur。导致原本一个输入框触发了非空验证, 导入后填入了内容但没有触发blur所以非空验证没有去除。如果将验证的触发方式改为change又符合要求,只能手动重置部分字段的验证 resetValidate (tarKeyArr) { // 重置 阅读全文
posted @ 2021-10-13 10:01 忽闻河东狮子吼 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 在vuex的使用中经常会根据不同业务模块,也将vuex内部按不同模块进行使用,每个模块中同样分为state,mutations,actions,getters这几个部分 import Vue from 'vue' import Vuex from 'vuex' import adv from "./ 阅读全文
posted @ 2021-09-08 17:36 忽闻河东狮子吼 阅读(725) 评论(0) 推荐(0) 编辑
摘要: 点击穿透即点击子元素时,透过子元素本身直接冒泡到父元素上的事件 <style> .noclick{ pointer-events: none; /* 上层加上这句样式可以实现点击穿透 */ } </style> </head> <body> <div class="under" onclick="u 阅读全文
posted @ 2021-02-04 16:57 忽闻河东狮子吼 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 情景描述:父元素由一个设置了高度的元素撑起,另一个元素自动继承父元素的高,并且两元素在一行显示。 现在情况 <style> .far{ border: 1px solid bisque; } .s1{ height: 150px; width: 100px; background-color: bl 阅读全文
posted @ 2021-02-03 15:26 忽闻河东狮子吼 阅读(6170) 评论(0) 推荐(0) 编辑
摘要: ||运算符应该都很熟悉 当符号前的值为:0,false,''(空串),undefined,null等只要取非 (! xxx)为true的。就返回||后的值,否则返回前值。 ?? 运算符简单说一下用法 写法和||相同,例如: let a = 1; let b = a ?? 2; 区别在于只有前置是nu 阅读全文
posted @ 2021-01-25 15:11 忽闻河东狮子吼 阅读(578) 评论(0) 推荐(0) 编辑