问题场景
有个或者多个输入条件,并且用户可以手动添加或者删除某一列,为这些输入条件增加输入限制
解决方案:
关键是 在 el-form-item 这个标签上做文章
1、动态 prop 'foo.' + k + '.propname'
2、设置 rules 需要验证的规则的data中的位置
3、设置表单的验证触发事件为 blur 解决东岱删除表单之后触发验证的问题
4、对每一组数据的增删 使用$set方法
<el-form-item :label="'" :prop="'foo.'+ k +'.propname'" :rules="data中规则对应的位置">
<el-input v-model='v.propname' clearable filterable :placeholder="'"></el-input>
</el-form-item>
网友评论