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


一、.wxml中:使用导航组件navigator,设置url.

 微信小程序页面跳转方式总结
    通过该方法从首页(比如index)转到其它页(比如logs)时,index.js会触发onHide(),logs.js会先后触发onLoad()->onShow()->onReady();logs页面有“返回”按钮,点击“返回”按钮后,logs.js会触发onUnload(),index.js会触发onShow()。 
    
  微信小程序页面跳转方式总结
    通过该方法从首页(比如index)转到其它页(比如logs)时,index.js会触发onUnload(),logs.js会先后触发onLoad()->onShow()->onReady();logs页面没有“返回”按钮。

二、.json中:设置tabBar中的PagePath.

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

    通过该方法跳转页面时,前页会触发onHide(),后页会先后触发onLoad()->onShow()->onReady();没有“返回”按钮。

三、.js文件中
  • wx.navigateTo({
          url:""
     })
    通过该方法从首页(比如index)转到其它页(比如logs)时,index.js会触发onHide(),logs.js会先后触发onLoad()->onShow()->onReady();logs页面有“返回”按钮,点击“返回”按钮后,logs.js会触发onUnload(),index.js会触发onShow()。
  • wx.redirectTo({
        url:""
     })
    通过该方法从首页(比如index)转到其它页(比如logs)时,index.js会触发onUnload(),logs.js会先后触发onLoad()->onShow()->onReady();logs页面没有“返回”按钮。