mpvue v-for v-if 使用心得

2019-04-13  本文已影响0人  Neyo_凉

vue中 v-for 和 v-if 不要同时使用,需要过滤数组时候可用以下方法过滤

1.可以直接嵌套使用

<div v-for="(item, index) in list"  :key="index"  >
<div v-if="index < 6">
</div>
</div>

2.推荐 用 for循环对象函数【执行过滤后的数组】

<div v-for="(item, index) in ilist"  :key="index"  >
</div>
        ilist () {
          return this.iconList.filter((item, index) => {
            if (index < 6) {
              return 'ture'
            }
          })
        }
上一篇 下一篇

猜你喜欢

热点阅读