小程序函数如何传参?

今天写小程序,需要传参我以为可以在组件中用形参传递,结果直接报警告,不识别,然后发现只能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
    })
``

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值