[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>