【CSCODE-VUE】Avoid using non-primitive value as key, use string/number value instead.

 問題描述

vue.runtime.esm.js:619 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

found in

---> <Index> at src/views/setting/clientmanage/index.vue

5vue.runtime.esm.js:619 [Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error.

found in

---> <Index> at src/views/setting/clientmanage/index.vue

8XHR finished loading: GET "<URL>".
6vue.runtime.esm.js:619 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

found in

---> <Index> at src/views/setting/clientmanage/index.vue

5vue.runtime.esm.js:619 [Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error.

found in

---> <Index> at src/views/setting/clientmanage/index.vue

6vue.runtime.esm.js:619 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

found in

---> <Index> at src/views/setting/clientmanage/index.vue

 源碼

<el-dropdown-item v-for="(item) in areaList " :key="item" :command="item">{{ item.value }}</el-dropdown-item>

 解決方案

<el-dropdown-item v-for="(item,index) in areaList " :key="index" :command="item">{{ item.value }}</el-dropdown-item>