微信小程序-页面跳转

微信小程序的页面跳转有很多方法，一下是一些常用的方法：

在WXML 文件中实现

wxml中的代码：

  <navigator url="/pages/test/test" class="info_style">页面1</navigator>
  <navigator url="/pages/test/test" class="info_style">页面2</navigator>
  <navigator url="/pages/test/test" class="info_style">页面3</navigator>

其中，url="pages/XXX(页面所在文件夹名字)/XXX(页面所在文件名字)"， 即要跳转的页面路径，

class="info_style"，即显示信息的样式，在wxss文件中定义，例：

.info_style{
  padding: 20rpx ;
  border-bottom: 1rpx solid #ccc;
  color: black;
}

结果如下：

在js文件中实现页面跳转

wxml中代码：

<view bindtap="jumptest" class="info_style">页面4</view>

js中代码：

jumptest:function(options){
    wx.navigateTo({
      url: '/pages/test/test',
    })
  },

 其中，url="pages/XXX(页面所在文件夹名字)/XXX(页面所在文件名字)"， 即要跳转的页面路径