vue警告component lists rendered with v-for should have explicit keys

处理方案：加上 :key="index"<el-badge:value="item.badge"v-for="(item, index) in tabs"class="yh-tab-button":class="{'yh-badge-check':item.check,'yh-badge-cha

全栈高级工程师

31479人浏览 · 2019-01-28 15:14:01

全栈高级工程师 · 2019-01-28 15:14:01 发布

处理方案：

加上 :key="index"

<el-badge
      :value="item.badge"
      v-for="(item, index) in tabs"
      class="yh-tab-button"
      :class="{'yh-badge-check':item.check,
	  'yh-badge-char':item.charBadge,
	  }"
	  :key="index"
    >
<el-badge>

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}$/, //不连续的两位字母// /^