微信小程序—点击按钮实现页面跳转

按钮button标签通过bindtap属性绑定点击事件实现页面跳转。

//wxml示例代码
<button bindtap="gotoPage">按钮</button>

但需注意,跳转到tabBar页面和非tabBar页面所调用的函数方法不一样。
跳转到TabBar页面需用wx.switchTab()方法

//js部分示例代码
 //跳转到tabBar页面  
gotoPage: function (options) {   
    wx.switchTab({      
        url: '../homepage/homepage',    //要跳转到的页面路径
 })  
 },

跳转到非tabBar页面用wx.navigateTo()方法

//js部分示例代码
//跳转到非tabBar页面  
gotoPage: function (options) {
    wx.navigateTo({
          url: '../homepage/homepage',//要跳转到的页面路径
 })  
 },
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页