ul li 中使用占位符

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

慕少143437

2022-07-19

老师,如果外层是 ul``li怎么用占位符呢

<ul>
<li v-for="(value, key, index) in listObject"
:key="key"
>
<div v-if="key !== 'lastName'">
{{value}} -- {{key}} -- {{index}}
</div>
</ul>

你看这种的哈,如果我在最里层的 div<template>,那会有一个空的 <li>出现,如果把外层的 <li>改成<template>,那就不符合我用 ul li 的设想了。 想象中,要决定这个 li 标签存不存在,只能在 v-for的时候进行判断,但是这样 v-forv-if 就会重叠在一个标签上了

写回答

1回答

Dell

2022-07-24

你的意思是template 的标签想改成非 li 的其他标签?

0
1
慕少143437
我快忘了我当时咋想的了哈哈哈,应该是用 ul li 循环,里面再加 v-if 判断的话,如果 v-if 是 false ,就会展示一个空的 li,我在想可不可以通过占位符,让空的 li 直接不展示
2022-07-25
共1条回复

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

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

3382 学习 · 1454 问题

查看课程