微信小程序函数传参以及获取调用

最近在做微信小程序，发现小程序的页面函数传参和web端不一样，在此做个记录；

1.web端函数传参是这样的

<Button
    type="primary"
    className="mr10"
    onClick={() => this.loadData({ page: 1 })} // 参数在函数括号内
 >
    查询
 </Button>

2.微信小程序端，是需要类似自定义属性的，传参形式，像下面这样：这里我用了vant的ui框框；原生点击事件方法bindtap="getDetail"

<van-button type="primary" size="small" round custom-class="doBtn" 
        data-orderid="{{item.id}}" // 函数参数需要自定义参数
        bind:click="getDetail">
        查看详情
</van-button>



// js文件中参数获取（dataset中）

getDetail: function (e) {
    let id = e.currentTarget.dataset.orderid; // 获取参数id
    console.log(id);
    // 跳转详情页
    wx.navigateTo({
      url: `../outDetail/detail?id=${id}`
    });
  }

3.小程序详情页面获取url地址传来的ID参数

// 详情页detail.js页面加载时
onLoad: function (options) {
    console.log(options); // options里面是上级页面传来的参数 {id: 3}
    let id = options.id;
    this.setData({
      orderId: id
    });
  },