小程序-跳转页面的方法

Posted YAZI

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序-跳转页面的方法相关的知识,希望对你有一定的参考价值。

刚开始编写小程序时,页面跳转一直采用wx.navigateTo, 但是当我一直来回跳转后,页面就没反应了。今天师傅提示我还可以用其他的方法跳转,现在记录下来,怕时间一久我就给忘了

 

需求:从 index.wxml 页面,跳转到 aaa.wxml 页面

方法一:WXML页面实现

1.<navigator url = "../aaa/aaa">跳转到新页面</navigator>

2.<navigator url = "../aaa/aaa" open-type = "redirect">跳转到新页面</navigator>

3.<navigator url = "../aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>

 

方法二:js页面实现

bindViewTab:function(){

    wx.navigateTo({    //保留当前页面,跳转到应用内的某个页面

         url:"../aaa/aaa"

    })

 

   wx.redirectTo({      //关闭当前页面,跳转到应用内的某个页面

          url:"../aaa/aaa"

     })

 

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

           url:"../aaa/aaa"

     })

 

    wx.navigateBack({     //返回上一页面或多级页面

          delta:1

    })

}

以上是关于小程序-跳转页面的方法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面跳转的方法都有哪些

小程序-跳转页面的方法

微信小程序页面跳转方法总结

微信小程序页面跳转方法总结

小程序-跳转页面的方法及坑

小程序页面之间的跳转方法