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})
  }
}

 

 

posted @ 2021-06-10 11:05  骅骝漫轻舞01  阅读(199)  评论(0编辑  收藏  举报