vue中只在页面循环显示列表中的一部分数据
开始是这样写的,但是v-if和v-for不可以同时使用,v-for的优先级更高,会遍历列表中所有数据,降低性能// 不建议使用这种方法<li class="li li1" v-for="(item,index) in searchList" :key="index" v-if="index >6"></li>使用计算属性处理需要的列表<li class="li
·
开始是这样写的,但是v-if和v-for不可以同时使用,v-for的优先级更高,会遍历列表中所有数据,降低性能
// 不建议使用这种方法
<li class="li li1" v-for="(item,index) in searchList" :key="index" v-if="index >6">
</li>
使用计算属性处理需要的列表
<li class="li li1" v-for="(item,index) in secondList1" :key="index">
computed:{
secondList1:function(){
return this.searchList.slice(6); // searchList原始数据
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)