vue 报错Duplicate keys detected: '1'. This may cause an update error.

vue 报错Duplicate keys detected: ‘1’. This may cause an update error.出现这个原因的报错是因为下拉框的key值不是唯一的<FormItem label="学校" prop="schoolName"><Select v-model="showEditForm.schoolId" placeh...

高小胖爱胡小宝

10402人浏览 · 2019-05-22 10:31:39

高小胖爱胡小宝 · 2019-05-22 10:31:39 发布

vue 报错Duplicate keys detected: ‘1’. This may cause an update error.

出现这个原因的报错是因为下拉框的key值不是唯一的

 <FormItem label="学校" prop="schoolName">
          <Select v-model="showEditForm.schoolId" placeholder="Select your school">
            <Option v-for="schoolNameId in schoolNameIds" :label="schoolNameId.schoolName"
                    :value="schoolNameId.schoolId" :key="schoolNameId.schoolId">
              {{schoolNameId.schoolName}}
            </Option>
          </Select>
        </FormItem>

:key="schoolNameId.schoolId 必须是唯一的才行

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^