美文网首页
element-UI form验证处理循环问题

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

作者: 小飞侠zzr | 来源:发表于2019-08-12 15:44 被阅读0次

    问题场景

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

    解决方案:
    关键是 在 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>

    相关文章

      网友评论

          本文标题:element-UI form验证处理循环问题

          本文链接:https://www.haomeiwen.com/subject/lcyujctx.html