uniapp中swiper中循环嵌套v-for

在uniapp中，可以通过使用 `v-for` 循环来动态生成 `swiper-item`，然后将这些 `swiper-item` 嵌套在 `swiper` 中实现循环滚动。具体操作如下：

1. 首先，在 `data` 中定义一个数组，用于存储需要循环的数据：

data() {
  return {
    items: [
      { id: 1, name: 'item1' },
      { id: 2, name: 'item2' },
      { id: 3, name: 'item3' },
      { id: 4, name: 'item4' },
      { id: 5, name: 'item5' }
    ]
  }
},

2. 在 `template` 中，使用 `v-for` 循环生成 `swiper-item`，并将这些 `swiper-item` 嵌套在 `swiper` 中：

<swiper autoplay interval="3000" circular>
  <swiper-item v-for="(item, index) in items" :key="item.id">
    <view class="item">{{ item.name }}</view>
  </swiper-item>
</swiper>

3. 在 `style` 中，设置 `swiper-item` 的宽度为 100%：

.item {
  width: 100%;
}

这样就可以实现循环嵌套 `v-for` 的 `swiper` 了。需要注意的是，在循环滚动中，最后一个 `swiper-item` 会和第一个 `swiper-item` 拼接在一起，所以在设计UI时需要注意。