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

错误如下:

[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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容