小程序的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，即可跳转。