微信开发工具button跳转页面_小程序的button跳转

我们的小程序不光是在tabBar可以实现跳转，有时我们也要在页面中点击某个按钮进行页面的跳转。

那么在开发文档中，有许多跳转方式。但是有些跳转方式我们看起来并不是很明确。

我们经常使用的跳转方式应该是wx.navigateTo 实现跳转。

例如我们要在index主页实现跳转到test页：

1、先在index.wxml中添加button：view class='userdemo'    button type='primary' bindtap='test'nihao /button//样式设置为默认，绑定函数test，button名称 /view

2、然后在index.js中设置函数名为test的函数：test:function(){    wx.navigateTo({//以navigate进行跳转      url: '/pages/demo/demo',//保证路径正确，如果这样书写记得最前面加/，也可以这样写：../demo/demo    })  },

3、记得跳转的页面在app.json的pages中注册："pages":[    "pages/index/index",    "pages/logs/logs",    "pages/demo/demo"//注册要跳转的目标页面    ]

这样就可以实现button的页面跳转了。

注意：如果都设置好了，还不能实现跳转，先检查跳转路径是否正确，如果还跳转不了，请检查你要跳转的页面是否在tabBar中设置了，如果设置在tabBar，请删除tabBar中的，如果不能删除的话，请将wx.navigateTo换为wx.switchTo，即可跳转。