vue指令中,v-for和v-if谁的优先级高
首先永远不要把 v-if 和 v-for 同时用在同一个元素上,不能同时使用 v-for的时候我们才开始渲染dom元素,这个v-if还⽆法进⾏判断。v-for优先级高 避免浪费性能 用div或template包裹,把v-if写在包裹标签上。
举几个例子:
1、你可以放在v-for的上一级标签上
<ul v-if="xxxx">
<li
v-for="user in users"
:key="user.id"
>
{{ user.name }}
</li>
</ul>
2、可以用computed计算属性,让其返回过滤后的列表
<ul>
<li
v-for="user in activeUsers"
:key="user.id"
>
{{ user.name }}
</li>
</ul>
computed: {
activeUsers: function () {
return this.users.filter(function (user) {
return user.isActive
})
}
}