微信小程序页面点击按钮传值与取值

最新推荐文章于 2026-04-16 19:40:54 发布

原创最新推荐文章于 2026-04-16 19:40:54 发布 · 1.7k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#小程序

收录于

小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现跨页面传值的方法，通过在A页面使用button的bindtap事件结合launchApp和navigateTo跳转，并利用url参数传递数据。在B页面加载时，通过onLoad函数读取url参数，实现数据的有效接收。

//小程序内使用event来传值只能在本页面，到别的页面接收的是空的，所以先传到js在通过url传值


A页面：WXML

<button bindtap="GoHome" open-type="launchApp"  data-index="123">进入餐厅</button>

A页面：js page内即可

GoHome: function (e) {
    wx.navigateTo({
    	url: "../HomePage/HomePage?UName=" + e.target.dataset.index,
	})
}


B页面：js data内先声明一个参数，用以接收值

data: {
    UName:''
},

onload内写，自动获取

onLoad: function (options) {
     this.setData({
     UName: options.UName
    })
    console.log(this.data.UName)
  },