【ES6】vue中Swipe插件处理数据应用于轮播分页

版权声明：需要转载的话，请先联系我哦！ https://blog.csdn.net/wwt20180911/article/details/83149436

JSON数据：

category_list_res: [
          {
            name: '美食',
            url: 'http://p1.meituan.net/jungle/bd3ea637aeaa2fb6120b6938b5e468a13442.png',
            type: 'food'
          },
          {
            name: '美团超市',
            url: 'http://p0.meituan.net/94.0.100/jungle/6b93ee96be3df7cf2bb6e661280b047d3975.png',
            type: 'supermarket'
          },
          {
            name: '生鲜果蔬',
            url: 'http://p0.meituan.net/94.0.100/jungle/f33ed552c52b4466b6308a2c14dbc62d4882.png',
            type: 'fruit'
          },
          {
            name: '下午茶',
            url: 'http://p0.meituan.net/94.0.100/jungle/af6cf63a5dfeb3557bf3099b03002ec34124.png',
            type: 'tea'
          },
          {
            name: '正餐优选',
            url: 'http://p1.meituan.net/94.0.100/jungle/1543bbcb048218424e2420a6934e17b24236.png',
            type: 'dinner'
          },
          {
            name: '汉堡披萨',
            url: 'http://p1.meituan.net/94.0.100/jungle/0e63b86b4ff14d214c1999a979fd21d14273.png',
            type: 'pizza'
          },
          {
            name: '跑腿代购',
            url: 'http://p1.meituan.net/94.0.100/jungle/b40b7d72233f7a76dd9d97af40b4b8975414.png',
            type: 'buyOnSomebody'
          },
          {
            name: '快餐简餐',
            url: 'http://p0.meituan.net/94.0.100/jungle/deeea00bb23e4fae31ea154678c7a8003838.png',
            type: 'fastFood'
          },
          {
            name: '地方菜',
            url: 'http://p1.meituan.net/94.0.100/jungle/b6033c2f9aa26cdf37ea24fb1346d2dc4690.png',
            type: 'localDish'
          },
          {
            name: '炸鸡美食',
            url: 'http://p0.meituan.net/94.0.100/jungle/0ce9a33a4accc536ac9e2d8d91951c924673.png',
            type: 'chicken'
          },
          {
            name: '免配送费',
            url: 'http://p0.meituan.net/94.0.100/jungle/f5ef975cae40ecc1a21dae61f44575d59129.png',
            type: 'freeDeliver'
          }
        ],

数据处理函数

    // 任何 Iterator 接口的对象，都可以用扩展运算符转为真正的数组。
  let resArr = [...this.category_list_res];
      console.log(resArr);
      let foodArr = [];
      //处理数据每8条为一组
      for (let i = 0, j = 0; i < this.category_list_res.length; i += 8, j++) {
        foodArr[j] = resArr.splice(0, 8);
        console.log(foodArr[j])
      }
      this.categoryList = foodArr;

---

作者：涛兄
来源：CSDN
原文：https://blog.csdn.net/wwt20180911/article/details/83149436
版权声明：本文为博主原创文章，转载请附上博文链接！