抖音小程序动态添加swiper-item

要动态添加 `swiper-item`，你需要先获取 `swiper` 组件的实例对象，然后通过调用 `swiper.addItem()` 方法来添加新的 `swiper-item`。

以下是一个示例代码：

<swiper class="swiper" duration="{{duration}}" circular="{{circular}}" autoplay="{{autoplay}}" interval="{{interval}}">
  <block wx:for="{{swiperItems}}" wx:key="{{item}}">
    <swiper-item>{{item}}</swiper-item>
  </block>
</swiper>

Page({
  data: {
    swiperItems: ['item1', 'item2', 'item3'],
    duration: 500,
    circular: true,
    autoplay: false,
    interval: 5000,
    swiper: null
  },
  onReady: function () {
    this.setData({
      swiper: this.selectComponent('.swiper')
    });
  },
  addSwiperItem: function () {
    const newItem = `item${this.data.swiperItems.length + 1}`;
    this.data.swiperItems.push(newItem);
    this.data.swiper.addItem(`<swiper-item>${newItem}</swiper-item>`);
  }
})

在上面的代码中，我们通过 `this.selectComponent('.swiper')` 获取了 `swiper` 组件的实例对象，并将其存储在 `data` 中。然后，我们定义了一个 `addSwiperItem` 方法，该方法会在 `swiperItems` 数组中添加一个新的元素，并通过 `swiper.addItem()` 方法将其添加到 `swiper` 组件中。

注意，`swiper-item` 必须位于 `block` 标签之内，否则无法正常渲染。