k***@163.com
k***@163.com
  • 发布:2023-07-24 09:37
  • 更新:2023-07-24 10:37
  • 阅读:301

v-for编译警告:component lists rendered with v-for should have explicit keys

分类:uni-app

v-for语句,我使用<view v-for="(item,index) in data" :key="index">,结果报编译warning:

component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

我如果把key前面的冒号去掉,就报提示:

非 h5 平台 :key 不支持表达式 "index",详情参考: https://uniapp.dcloud.io/use?id=key

这怎么回事?key还有什么写法?

2023-07-24 09:37 负责人:无 分享
已邀请:
k***@163.com

k***@163.com (作者)

应该是key写错位置,所以报错了

爱豆豆

爱豆豆 - 办法总比困难多

你运行的那个端?

  • k***@163.com (作者)

    现在运行的小程序端

    2023-07-24 09:48

timcui

timcui

这个警告其实可以忽略不计,只是提醒你你所使用的v-for不标准罢了,v-for不建议使用以index为主的key,你如果有id等的其他属性,可以以id作为key进行循环

  • k***@163.com (作者)

    谢谢,譬如我的v-for是:


    <view v-for="(item,index) in data" :key="item._id>

    我看了好像还是会报警告。怎么处理?如果我的item没有_id,或者_id是一个对象,怎么办?

    不过这个只要不报错就好

    2023-07-24 09:53

要回复问题请先登录注册