小程序

微信小程序跳转几种方式

2018-07-30  本文已影响0人  world_7735

1)给按钮绑定bindtap事件

index.wxml:

 <button class='btn' bindtap='goB'>点我去B</button>

index.js

**方法一**
goB:function(e){
     wx.navigateTo({//保留当前页面,跳转到应用内的某个页面
        url: 'xxxxx',//url里面就写上你要跳到的地址
     })
},

**方法二** 
goB:function(e){
    wx.redirectTo({//关闭当前页面,跳转到应用内的某个页面
       url: 'xxxxx'
   })
 },
         
**方法三**
goB:function(e){
     wx.reLaunch({//关闭所有页面,打开到应用内的某个页面
        url: 'xxxxx'
     })
},

2).直接写上navigator 标签,一个属性url里面,就是要跳转到的地址

<navigator url="xxxxx">跳转到B </navigator> 
直接加入
//例:
<navigator url="/page/navigate/navigate"跳转到新页面</navigator>

3).返回上一级页面用

wx.navigateBack({
     delta: 1//默认值是1,返回的页面数,如果 delta 大于现有页面数,则返回到首页。
})

4).目前基本上这些足够用到跳转页面的了,当然还有tabBar导航跳转,利用

wx.switchTab({
    url:'xxxxx'
})
上一篇 下一篇

猜你喜欢

热点阅读