小程序swiper标签监听tabs下方左右切换

113 阅读1分钟

当我们做小程序使用swiper标签时,会发现我们通过左右滑动tabs栏下方的内容切换视图时,上方的tabs栏不会跟着切换,此时只需要用原生自带的change事件监听即可

<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" :disable-touch="true" @change="swiperChange">

// 监听tabs下方左右切换
swiperChange(e) {
    this.tabCurrentIndex = e.detail.current
},