收藏
回答

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

问题模块
API和组件

<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'

}

],






最后一次编辑于  2017-10-31
回答关注问题邀请回答
收藏

5 个回答

  • forrest
    forrest
    2017-11-01

    【跳转外链】

    不支持跳转外部链接

    【跳转到其他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 // 页面跳转地址

        })

     }

    })




    2017-11-01
    赞同 1
    回复 1
    • 王杰จุ๊บ       ༽
      王杰จุ๊บ ༽
      2018-07-19

      感谢

      2018-07-19
      回复
  • 牛
    2017-11-01

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

    wx.switchTab


    2017-11-01
    赞同
    回复
  • 网络拾荒者
    网络拾荒者
    2017-11-01

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

    2017-11-01
    赞同
    回复
  • 网络拾荒者
    网络拾荒者
    2017-11-01

    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>





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

    2017-11-01
    赞同
    回复
  • 网络拾荒者
    网络拾荒者
    2017-11-01

    没人回复一下吗?

    2017-11-01
    赞同
    回复