v-if报错,如何解决?

来源:2-13 列表循环渲染(2)

慕盖茨4173854

2023-06-24

图片描述

'<div><template v-for="(value, key, index) in listObject" :key = "index"><div v-if="key !== 'lastName'">{{value}} -- {{key}}</div></template><div v-for="item in 10">{{item}}</div><button @click="handleAddBtnClick">新增</button></div>'
写回答

2回答

Dell

2023-06-26

<div>

<template v-for="(value, key, index) in listObject" :key="index">

<div v-if="key !== 'lastName'">

{{value}} -- {{key}}

</div>

</template>

<div v-for="item in 10">{{item}}</div>

<button @click="handleAddBtnClick">新增</button>

</div>


0
3
慕盖茨4173854
代码正确了,浏览器可以正常显示
2023-06-28
共3条回复

Dell

2023-06-26

key 后面空格去掉试一下

0
1
慕盖茨4173854
已经解决,因为把template里面的一对 ` 写成了单引号,现在改过来了就可以换行写了。
2023-06-28
共1条回复

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程