v-for
和 v-if
一起使用的正确方法是,先使用 v-if
判断某个元素是否需要渲染,然后再使用 v-for
循环渲染这个元素。
举个例子:
<template v-if="items.length > 0">
<ul>
<li v-for="item in items" :key="item.id">{{ item.text }}</li>
</ul>
</template>
<template v-else>
<p>没有任何项目</p>
</template>
在这个例子中,首先使用 v-if
判断 items
数组是