微信小程序,swiper怎么跳转至指定也没
时间: 2024-01-09 16:03:20 浏览: 27
要实现 swiper 跳转至指定页面,可以使用 swiper 组件的 `current` 属性。首先,在 swiper 组件上添加 `bindchange` 事件,当 swiper 滑动到指定页面时,会触发该事件,然后在事件处理函数中获取当前页面的索引值,将该值赋给 swiper 组件的 `current` 属性即可跳转至指定页面。
以下是一个示例代码:
```html
<swiper bindchange="swiperChange" current="{{current}}">
<swiper-item>
页面1
</swiper-item>
<swiper-item>
页面2
</swiper-item>
<swiper-item>
页面3
</swiper-item>
</swiper>
```
```js
Page({
data: {
current: 0 // 当前页面的索引值
},
swiperChange: function(e) {
this.setData({
current: e.detail.current // 获取当前页面的索引值
})
},
jumpToPage: function(index) {
this.setData({
current: index // 将索引值赋给 current 属性
})
}
})
```
在 `jumpToPage` 函数中,可以传入要跳转页面的索引值,即可实现 swiper 跳转至指定页面。