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

Love The Way You Lie 2023-10-07 19:49 142阅读 0赞
1 错误提示 Vue 项目

Avoid using non-primitive value as key, use string/number value instead.
在这里插入图片描述

2 原因是

在使用 for 循环时，不要用对象或是数组作为key，用string或value作为key，逐一排查页面中 使用到 for 设置 key 地方，修改后解决问题

3 vue for 循环
3.1 for的第一种用法，也是最普通的一种：
  1. let list = [];
  2.     for (let i = 0; i < list.length; i++) {
  4.       //取出
  5.       let item = list[i]
  6.     }
3.2 第二种 通过索引去拿到值
  1. let list = [];
  2. for (let i in this.list) {
  4.     console.log(i);     //打印结果为list的索引
  5.     let item = list[i];
  6. }
3.3 第三种 直接取值
  1. for (let item of list) {
  4. }
4 页面中使用 for
  1. <p v-for="value in arr">
  2.     {
  3.    {value}}   {
  4.    {$index}}
  5.  </p>
  7. <p v-for="(item, index) in arr">
  8.     数据ID是 {
  9.     {
  10.     item.id}}   索引是 {
  11.     {
  12.     $index}}
  13.  </p>

发表评论

表情：
评论列表 （有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读