微信小程序之带参数跳转页面实例(传参及接收参数)

最新推荐文章于 2024-04-23 02:27:10 发布

gyuei

最新推荐文章于 2024-04-23 02:27:10 发布

阅读量1.2w

点赞数 10

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/gyueh/article/details/119931460

版权

小程序专栏收录该内容

67 篇文章 6 订阅

订阅专栏

目的：
实现页面A带参跳转页面B，并在页面B中获取到相应的参数

带参数跳转页面

A页面--------获取id、name值并跳转页面

// demo.js
gotoB() {
   let project_id = e.target.dataset.id;
   let project_name = this.data.userName;
   wx.navigateTo({
     url: './add/add?id=' + project_id + '&name=' + project_name
   });
 }

接收参数

B页面--------接收上一页面传进来的参数

// index.js
Page({

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

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    let that = this
    that.setData({
      project_id:options.id,
      project_name:options.name
    })
  }
})