数组动态表单验证,添加数组,逆序添加,表单验证会错位,发现是key的默认index问题,还有验证trigger问题,添加数据会爆红

数组动态表单验证,添加数组,逆序添加,表单验证会错位,发现是key的默认index问题,还有验证trigger问题,添加数据会爆红

解决方案:

  1. trigger: 'blur,change' 换 trigger: 'blur'
  2. :key="item.sort" (原来是 :key="index")
<Row v-for="(item,index) in xxx.contactsList"
           :key="item.sort"
           style="margin-bottom:5px;background:#f7f8f8;padding-top:5px">


<FormItem label="xxx:"
                    v-if="position === 'down'"
                    :prop="'contactsList[' + index + ']' + '.deptIdStr'"
                    :rules="{required: true, trigger: 'blur', message: '不能为空'}">
posted @ 2020-09-17 20:04  彭成刚  阅读(217)  评论(0编辑  收藏  举报