数组动态表单验证,添加数组,逆序添加,表单验证会错位,发现是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: '不能为空'}">
原文地址:https://www.cnblogs.com/pengchenggang/p/13687308.html