element-UI form验证处理循环问题

问题场景

有个或者多个输入条件,并且用户可以手动添加或者删除某一列,为这些输入条件增加输入限制

解决方案:
关键是 在 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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容