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 数组是

版权声明：本文为weixin_35755434原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_35755434/article/details/129596787