在微信小程序中，我們無法直接通過 bindtap="handleClick(1,2,3)" 的方式傳遞參數，而是需要通過自定義屬性 data- 的方式進行傳遞，并在事件回調函數中通過 event.currentTarget.dataset 來獲取這些參數。然而，這種傳參方式不夠友好，尤其是在傳遞多個參數時，需要特別注意參數的形式和命名方式。
代碼示例
- index.wxml
<template name="like"><view class="like-line"></view><view class="like-wrap"><view class="like {{ item.feedbackType === 1 ? 'selected' : '' }}" bindtap="like" data-args="{{ {item, index, type: 1} }}"><!-- 👍--></view><view class="dislike {{ item.feedbackType === 2 ? 'selected' : '' }}" bindtap="like" data-args="{{ {item, index, type: 2} }}"><!-- 👎--></view></view>
</template>
- index.js
Page({async like(e) {let { item, type, index } = e.currentTarget.dataset['args']let { feedbackType, recordId } = itemconsole.log({ type, index, feedbackType, recordId })// do something},
})
注意：
- 自定義屬性命名，不能包含大寫字母，大寫會自動轉成小寫，可能會導致獲取不到參數。如
data-recordId會自動轉成data-recordid； - 如果使用
data-record-id的形式，最終在 event.target.dataset 中會將-轉成駝峰的形式，即recordId，取值需要用event.target.dataset['recordId']。
歡迎訪問：天問博客
)
)
)
