Vue for循环报错:Error in render: “TypeError: item is undefined

最新推荐文章于 2023-10-10 13:24:07 发布

走向大前端

最新推荐文章于 2023-10-10 13:24:07 发布

阅读量2k

点赞数 4

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/abs_botton/article/details/123521485

版权

项目中粗心犯了一个问题还挺有意思的记录一下。

html：当我使用插值表达式想取出每一项的name属性时报错,这时就很差异，最基本的语法为什么会报错

<view v-for="(item,index) in displayList" :key="index" @click="jumpPage(item.fileUrl)">
				<view>{{item.name}}</view>
</view>

找到原因如下：因为我在定义displayList时,第一项和第二项中间多了一个逗号，就产生了报错

data：

displayList: [{
					name: "农机列表",
					imgUrl: "",
					fileUrl:"/pages/agriculturalMachineryList/agriculturalMachineryList"
				},,{
					name: "终端列表",
					imgUrl: "",
					fileUrl:"/pages/terminalList/terminalList"
				}, {
					name: "历史轨迹",
					imgUrl: "",
					fileUrl:"/pages/historyLocus/historyLocus"
				}],