ul li 中使用占位符

Question

老师，如果外层是 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-for 和 v-if 就会重叠在一个标签上了

Answer 1

Dell 2022-07-24 17:32:28

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

• 提问者 慕少143437 #1

  我快忘了我当时咋想的了哈哈哈，应该是用 ul li 循环，里面再加 v-if 判断的话，如果 v-if 是 false ，就会展示一个空的 li，我在想可不可以通过占位符，让空的 li 直接不展示