今天写小程序,需要传参我以为可以在组件中用形参传递,结果直接报警告,不识别,然后发现只能navgator标签并不方便,点击会成问题,然后查了资料可以自定义属性的方法传参。
在小程序开发的时候,有时候需要在点击事件触发之后拿到一个参数做为使用,小程序不像 Vue 可以直接点击事件中放参数,而小程序它只能通过自定义属性进行绑定参数使用。
.wxml 中使用
<view bindtap="touchAction" data-index="1">点击</view>
.js 中接收
touchAction(e) {
// 传递的参数
//let query = e.currentTarget.dataset['index'];
let query = e.currentTarget.dataset.index;
console.log(query) //1
}
跳转页面传参可以用wx.navigateTo 函数
wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,
使用 wx.navigateBack 可以返回,有时候我们跳转还需要携带参数
wx.redirectTo关闭当前页面,跳转到另外一个页面
跳转到Deposit文件夹的Deposit页面
wx.navigateTo({
url: '/pages/Deposit/Deposit?merchantId=' + this.data.coach.coachId,
})
取值的方式
传递的参数在接收页面onLoad()函数用过option.type就可以取到值
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
"machantId": options.machantId,
"merchantRecordId":options.merchantRecordId
})
``