本地点击更多按钮-加载数据

HTML

更多+

JS

//初始化数据
data:{
        counter:1,//计数器
        self:0,//截取的开始位置
        num:9,//截取的结束位置
        flg:true,//更多是否显示
}
//初始化调用
created: function () {
      this.showPicData = this.picData.slice(0,9)
      
},
//更多
        add: function () {
            // 点击次数
            this.counter++;
            // 从第9个开始 截取的开始
            this.self = this.self+9;
            // 9的倍数  截取的结束位置
            this.num = 9*this.counter;
            //获取每次的9个数据
            var arr = this.picData.slice(this.self,this.num)
            //更多按钮的显示隐藏
            if(arr.length != 9){
                this.flg = false
            }
            //把每次拿到的数据添加进去
            this.showPicData = this.showPicData.concat(arr)
            
        },