微信小程序跳转界面和参数获取

1.跳转界面

1.1对标签进行绑定事件

<view bindtap="ChilkMe" data-nid="123" data-name="SD">点击跳转</view>

// index.js
// 获取应用实例
const app = getApp()

Page({
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  getUserInfo(e) {
    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
    console.log(e)
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  },

  // 点击绑定的跳转使事件
  ChilkMe:function(e){
    var nid=e.currentTarget.dataset.nid;
    console.log(nid);

    // 如果想要跳转
    wx.navigateTo({
      url: '/pages/tiaozhuan/tiaozhuan?id='+nid,
    })


  }
})

1.2页面跳转

// 如果想要跳转
    wx.navigateTo({
      url: '/pages/tiaozhuan/tiaozhuan?id='+nid,
    })

• 跳转到页面接收参数可以在要跳转的页面onLoad方法中获取

• 再要跳转的页面的js文件中写入以下代码

// pages/tiaozhuan/tiaozhuan.js
Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
  }
})