WXOPEN Club

swiper 怎么加入链接跳转其他页面

发布于 8 年前作者 lixiao17656 次浏览最后编辑 8 年前来自 ask

<swiper class=“indexbanner” indicator-dots autoplay circular>

<block wx:for=“{{IndexBannerUrl}}”>

<swiper-item>

<image src=“{{item.url}}” class=‘indexbanner-image’ mode=‘widthFix’  />

</swiper-item>

</block>

</swiper>

IndexBannerUrl: [

{

link: ‘/pages/index/index’,

url: ‘…/…/images/1.jpg’

}, {

link: ‘/pages/logs/logs’,

url: ‘…/…/images/2.jpg’

}, {

link: ‘/pages/test/test’,

url: ‘…/…/images/3.jpg’

}

],

5 回复
pcao
pcao1 楼6 年前

【跳转外链】

不支持跳转外部链接

【跳转到其他page】

image添加bindtap

<image src=“{{item.url}}” class=‘indexbanner-image’ data-link=‘{{item.link}}’  bindtap=“bindViewTap” mode=‘widthFix’  />

Page({
  bindViewTap:function(event){
    wx.navigateTo({
      url: event.currentTarget.dataset.link // 页面跳转地址
    })
  }
})


yangtian
yangtian2 楼6 年前

wx.navigateTo你这是tabbar页面不能这么跳改成

wx.switchTab
chaoxue
chaoxue3 楼6 年前

Page({

data: {

IndexBannerUrl: [

{

link: ‘/pages/index/index’,

url: ‘…/…/images/IndexBanner1.jpg’

}, {

link: ‘/pages/logs/logs’,

url: ‘…/…/images/IndexBanner2.jpg’

}, {

link: ‘/pages/test/test’,

url: ‘…/…/images/IndexBanner3.jpg’

}

]

},

bindViewTap: function (event) {

wx.navigateTo({

url: event.currentTarget.dataset.link // 页面跳转地址

})

},

<view class=“body”>

<swiper class=“indexbanner” indicator-dots autoplay circular>

<block wx:for=“{{IndexBannerUrl}}”>

<swiper-item>

<image src=“{{item.url}}” class=“indexbanner-image” mode=“widthFix” data-link=“{{item.link}}” bindtap=“bindViewTap” />

</swiper-item>

</block>

</swiper>

123123

</view>

老铁，不起作用啊。点了没反应

chaoliang
chaoliang4 楼6 年前

刚入门比较菜，再帮忙看下

rzhao
rzhao5 楼6 年前

没人回复一下吗？