微信小程序可以通过两种方式传递参数:query参数和data参数。
- query参数:在小程序的跳转链接中通过"?key=value"的形式传递参数。例如,跳转到小程序的链接可以是:
"pages/index/index?key=value"
。在目标页面的onLoad生命周期函数中,可以通过options.query
获取传递的参数。
// 目标页面
Page({
onLoad(options) {
console.log(options.query); // {key: "value"}
}
})
2.微信小程序中可以通过在wxml中使用data-
前缀来定义自定义的data属性,并且可以通过事件的e.currentTarget.dataset
属性来获取传递的参数。
首先,在wxml中定义自定义的data属性:
<view data-id="1" data-name="张三" bindtap="handleTap">点击我</view>
然后,在对应的Page或Component的js文件中,可以通过事件对象e
的currentTarget.dataset
属性来获取传递的参数:
Page({
handleTap: function(e) {
var id = e.currentTarget.dataset.id;
var name = e.currentTarget.dataset.name;
console.log(id); // 输出:1
console.log(name); // 输出:张三
}
})
这样就可以在小程序中实现通过自定义data属性来传递参数了。
请根据你的需求选择合适的传参方式。