美文网首页小程序
微信小程序跳转几种方式

微信小程序跳转几种方式

作者: world_7735 | 来源:发表于2018-07-30 17:48 被阅读0次

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

    相关文章

      网友评论

        本文标题:微信小程序跳转几种方式

        本文链接:https://www.haomeiwen.com/subject/koofvftx.html