微信小程序开发 -- 点击按钮实现页面跳转

1）新建页面detail.wxml

 

<!--detail.wxml-->
<view class="container">
  <view>
    <text>detail page</text>
  </view>
</view>

 2）在app.json中注册

3） 在index.wxml中新建一个按钮

  <view class="btn-area" id="buttonContainer">
    <button type="primary" bindtap="go2detail">立即查询</button>
  </view>

4）在index.js中新增点击跳转函数

  go2detail: function(param){
    wx.navigateTo({
 
      url: '/pages/detail/detail',

      })
  },

此时可以从首页跳转到detail页面了。