[Vue warn]_ Avoid using non-primitive value as key, use string_number value instea

172 阅读1分钟

错误如下:

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

found in

---> <DataDivComponent> at src/components/dataDivComponent.vue
       <Predict> at src/views/predict.vue
         <App> at src/App.vue
           <Root>
...

Avoid using non-primitive value as key 避免使用非原始值作为 Key

代码中使用 item 作为了 key 导致,此时 item 是一个对象

<p v-for="item in availableModelList" :key="item" @click="setUsedModel(item)">
</p>

key 使用字符串或数字,改成下面的样子就好了

<p v-for="(item, key) in availableModelList" :key="key" @click="setUsedModel(item)">
</p>