[Vue warn]: Duplicate keys detected: ''. This may cause an update error.

这样的报错, 我用的<secelt>标签的时候遇到的

1 问题

v-for 和:key=dataList.id 一起用的时候, dataList.id不是唯一值

 

2 解决

:key多绑定一个唯一值 或者改成其他唯一

<el-select  placeholder="请选择"  @change="change(scope.row)" >
      <el-option
          v-for="item in optionsList"
          :key="item.id"
          :value-key="item.id">
      </el-option>
</el-select>

改成:

<el-select placeholder="请选择"  @change="change(scope.row)" >
   <el-option
       v-for="item in optionsList"
       :key="item.id+item.code"
       :value-key="item.id">
   </el-option>
</el-select>