当前位置: 首页 > Web前端 > vue.js

v-for遍历默认显示三张图片,点击加载更多-收起

时间:2023-04-01 02:00:56 vue.js

思路:对于v-for遍历的数据,如果要默认显示三个,点击more添加三个,直到显示完成,点击关闭,恢复默认,遍历的各个项互不影响。在data中声明两个变量,一个存放对应v-for遍历的item索引,一个存放默认的三张照片。在扩展more的方法中,通过splice($set也可以)改变对应的值imgList[index]用于viewRendering,imgIndex[index]存储的是item需要添加的图片数量。简单的说就是用一个新的数组来存放你要显示的状态,用另一个数组扩展更多的数组索引设置来更新两个新数组的状态,达到这个需求的效果...

展开更多折叠...