小程序swiper怎么点击跳转页面

wxml:

<swiper catchtap="onSwiperTap"  indicator-dots="true" autoplay="true" interval="5000">

    <swiper-item>

            <image src="/images/demo.png" data-Id="1"></image>

    </swiper-item>

    <swiper-item>

            <image src="/demo/demo.png" data-Id="2"></image>

    </swiper-item>

</swiper>



js:

onSwiperTap: function (event) {

var id= event.target.dataset.Id;

wx.navigateTo({

url: "详细页的地址?id=" + id

})

}

 

上一篇:uni-app卡片式轮播


下一篇:Vue轮播,vue-awesome-swiper动态数据渲染,首次各种配置无效,轮播图没有效果。