vue3 中 因为 v-if 比 v-for 具有更高的优先级

Question

官方里说的是因为 user 是 v-for的 迭代的变量 所以才会产生 这个问题

那我要是这样呢？

v-if 里的变量是单独的， 可行？

Answer 1

vue3 中v-if优先于v-for，你可以按下面方法使用

<template>
<ul>
  <template v-for="user in users" :key="user.id" 
    <li v-if="user.isActive">{{user.name}}</li>
  </template>
</ul>
</template>