vue2和vue3 v-for 变化
2.x 版本中在一个元素上同时使用 v-if 和 v-for 时,v-for 会优先作用。
<div v-for="item in list" v-if="item.id > 0"></div>
已上代码 在vue2版本中是可行的,但在vue3中是不可行的,v3中要用computed 来达到同等效果。如下
3.x 版本中 v-if 总是优先于 v-for 生效。
<div v-for="item in cList" ></div>//v-if已经不能用
同v2版本的效果如下
computed: {
cList() {
return this.list.filter((item) => { return item.id > 0})
}
}