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

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

错误如下:

[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>
相关文章
|
19天前
|
JavaScript
【vue】 国际化警告::[vue-i18n] Value of key ‘用户管理‘ is not a string
【vue】 国际化警告::[vue-i18n] Value of key ‘用户管理‘ is not a string
16 0
|
2月前
|
开发框架 .NET C#
C# Dictionary<string, string> 对key做筛选
C# Dictionary<string, string> 对key做筛选
19 2
|
9月前
|
JavaScript
vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
41 0
|
存储 缓存 监控
Redis学习2:课程安排、数据类型String操作及拓展操作和Key的设置约定
本系列文章是根据黑马程序员视频的学习笔记进行学习
Redis学习2:课程安排、数据类型String操作及拓展操作和Key的设置约定
|
存储 JSON NoSQL
string 类型使用注意事项与 key 的命名规范| 学习笔记
快速学习 string 类型使用注意事项与 key 的命名规范
219 0
jira项目笔记26-TS object 类型 和 {[key:string]: unknown} 定义类型的区别
jira项目笔记26-TS object 类型 和 {[key:string]: unknown} 定义类型的区别
145 0
|
NoSQL Redis 数据库
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(九)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(九)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(九)
|
NoSQL Redis
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(八)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(八)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(八)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(七)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(七)
118 0
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(七)
|
小程序
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(六)
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(六)
123 0
REDIS03_概述、安装、key、字符串String、列表List、集合Set、Hash哈希、Zset有序集合、持久化策略(六)