程序员的知识教程库

网站首页 > 教程分享 正文

自学编程:真的很简单!微信小程序页面跳转的第二种方法

henian88 2025-02-18 11:41:36 教程分享 12 ℃ 0 评论

页面之间的相互跳转叫页面导航,上期交流了通过点击导航组件跳转页面的方法,今天专门介绍第二种微信小程序页面跳转方法:通过调用小程序专门的导航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()

}

本文全部原创手码,与大家分享共同进步,欢迎交流!

#编程##小白新手创业营##你有多久没有写过代码了##笔记#

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表