swiper图标轮播示例

 <swiper>
        <swiper-slide v-for='item in pages'>
        <div class="icon-item" v-for='icon in item'>
          <div class="iconImg"></div>
          <span>{{icon}}</span>
        </div>
      </swiper-slide>
      </swiper>

data() {
    return {
      swiperOption: {},
      swiperList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    };
  },
  computed: {
    pages() {
      const pages = [];
      this.swiperList.forEach((item, index) => {
        const page = Math.floor(index / 8);
        if (!pages[page]) {
          pages[page] = [];
        }
        pages[page].push(item);
      });
      return pages;
    },
  },