项目场景：

使用el-tab和v-for循环渲染标签

---

问题描述

报错： Duplicate keys detected: ‘tab-角色’. This may cause an update error

原因分析：

看资料说是因为循环遍历的key值重复，但还是我的代码里key是唯一的，绑定了id，那为什么还这个错呢，我又仔细看了下代码，发现name属性绑定的是返回数据的名称，把他切换成绑定id就可以了，name属性也需要绑定唯一的标志去判断那个页签需要更新

---

解决方案：

 <el-tab-pane
        v-for="item in doingTab"
        :key="item.puid"
        :label="item.chineseName"
        :name="item.puid"、//这改成绑定id即可
        :value="item.puid"
      ></el-tab-pane>