欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序---页面跳转

程序员文章站 2024-02-11 16:41:16
...

微信小程序---页面跳转

在wxml写了一个按钮
<view>
<button type="primary" bindtap="getTo">跳转</button>
</view>

微信小程序---页面跳转

js 代码如下:

Page({

  /**
   * 页面的初始数据
   */
  data: {  
  },

getTo: function (e) {
    wx.navigateTo({
      url: '../index/index',//跳转到index页面
    })
  },

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})
这就跳转到了Index页面,下一步就是搭建index页面,搭建你要跳转的页面就可以了。如有不足,尽请谅解@!