小程序跳转页面,点击不同模块,打开不同页面

老规矩,先看代码,想要点击这四个图片分别进入不同的页面。这就使用到小程序url,先看下代码:

<view class="adsenseBox">
        <navigator class="adsense" url="{{item.urlLink}}" wx:for="{{adsenseList}}" data-id="{{item.id}}" catchtap="adsense"  wx:key>
             <image src="{{item.urlImg}}"></image>
        </navigator>
    </view>
adsenseList:[
      {id:'01', urlLink:'details/index', urlImg:'http://demo.demohuo.top/modals/62/6201/demo/themes/img/ad/tou-6.jpg'},
      {id:'02', urlLink:'details/index', urlImg:'http://demo.demohuo.top/modals/62/6201/demo/themes/img/ad/tou-5.jpg'},
      {id:'03', urlLink:'details/index', urlImg:'http://demo.demohuo.top/modals/62/6201/demo/themes/img/ad/tou-4.jpg'},
      {id:'04', urlLink:'details/index', urlImg:'http://demo.demohuo.top/modals/62/6201/demo/themes/img/ad/tou-3.jpg'}
    ],

点击按钮跳转到新的页面,也可以使用小程序路由:

wx.switchTab 跳转到tabBar页面,并关闭其他所有非tabBar页面

wx.reLaunch 关闭所有页面,打开到应用内的某个页面

wx.redirectTo 关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到tabbar页面

wx.navigateTo 保留当前页面,跳转到应用内的某个页面,但是不能跳转tabbar页面。

wx.navigateBack 关闭当前页面,返回上一页面或多级页面。

<navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release" class="nav"></navigator>// 跳转到新的小程序

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值