1 | <ul> |
v-for和v-if不要同时使用,因为v-for的优先级比v-if高,这意味着 v-if 将分别重复运行于每个 v-for 循环中,效率和性能都比较低。
可以放到computed属性中,先处理掉循环的列表数据1
2
3
4
5
6
7
8
9
10computed: {
listComputed: function () {
return this.list.filter(function (item) {
return item.isActive
})
}
}
<ul>
<li v-for="item in listComputed" v-if="item.isActive">{{item}}</li>
</ul>