1.領券組件需要在pages.json使用頁面中添加插件

"mp-alipay": {"usingComponents": {"get-coupon": "plugin://couponPlugin/get-coupon"}}

2.需要在manifest.json或者main.json中引入

"couponPlugin": {"version": "*", // 拉取當前上架最新版本"provider": "2021002172680015" // 領券組件插件 ID，固定值}

3.在vue組件中使用，如果做成組件的話需要使用插槽，因為這個領券組件只能在pages.json定義了插件的頁面中使用

<get-coupon v-if="isAuthorityModal" onGetCouponSuccess="onGetCouponSuccess" onGetCouponFail="onGetCouponFail"onClose="onClose":params="zfbPrams":zIndex="4"><view class="text-button"></view></get-coupon>

4.獲取領券組件的回調需要在頁面的onLoad中綁定到這個頁面的實例上

this.$scope.onClose = this.onClose.bind(this)this.$scope.onGetCouponSuccess = this.onGetCouponSuccess.bind(this)this.$scope.onGetCouponFail = this.onGetCouponFail.bind(this)

總結

以上是生活随笔為你收集整理的uniapp小程序使用支付宝商家券领券组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。