vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘tab-item‘. This may cause an updat

vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘tab-item’. This may cause an update error.<el-tabs v-model="activeName" @tab-click="handleClick"><el-tab-pane v-for="(item,in

起伏羊

5477人浏览 · 2020-09-19 14:57:58

起伏羊 · 2020-09-19 14:57:58 发布

vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘tab-item’. This may cause an update error.

<el-tabs v-model="activeName" @tab-click="handleClick">     
  <el-tab-pane v-for="(item,index) in recentTags" :key="'recent' + index" label="item" name="item">{{item}}</el-tab-pane>
</el-tabs>

问题解决

<el-tabs v-model="activeName" @tab-click="handleClick">     
  <el-tab-pane v-for="(item,index) in recentTags" :key="'recent' + index" :label="item" :name="item">{{item}}</el-tab-pane>
</el-tabs>

…好无语啊

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