页面之间的相互跳转叫页面导航,上期交流了通过点击导航组件跳转页面的方法,今天专门介绍第二种微信小程序页面跳转方法:通过调用小程序专门的导航API。
第一步,打开微信开发者工具。
第二步,在页面的.wxml文件中,放一个按钮,并为按钮绑定一个点击事件处理函数。
代码示例:
第三步,在页面的.js文件中,data平级位置,声明该事件处理函数。
第四步,在该事件处理函数内部,调用方法且指定跳转地址,即url属性,以/开头。其中,tabBar页面调用wx.switchTab方法,非tabBar页面调用wx.navigateTo方法。
代码示例:
gotoMessage(){
wx.switchTab({
url:"/pages/message/message"
})
},
上一页或后退多页
第一步,在页面的.wxml页面中声明按钮组件,文本为后退,绑定一个事件处理函数。
第二步,在页面的.js文件中,data平级位置,声明该事件处理函数。
第三步,调用wx.nabigateBack方法,确定后退层级数,即delta属性,默认为1.
代码示例:
gotoBack(){
wx.navigateBack()
}
本文全部原创手码,与大家分享共同进步,欢迎交流!
本文暂时没有评论,来添加一个吧(●'◡'●)