vue中只在页面循环显示列表中的一部分数据
程序员文章站
2022-03-27 09:27:15
...
开始是这样写的,但是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原始数据
}
},
上一篇: jQuery随机抽中手机号码抽奖代码
下一篇: 今天做的题