小程序函数如何传参?

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

你可能感兴趣的:(小程序)