v-for渲染列表数据,出现undefined

发布时间 2023-05-08 16:16:13作者: 南无、
原因
v-for生成数据时,都需要给唯一标识key,要保证key是没有重复项的
<view v-for="item in list" :key="item.planId"></view>
解决办法
使用唯一标识key
<view v-for="item in list" :key="item.id"></view>
注意
1.为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key attribute
2.不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型的值。
3.key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。