uni-app 抖音小程序pay-button组件属性编译后获取不了

<pay-button :order-status="1" :order-id="aa" @error="error" @applyrefund="applyRefund" @refund="onRefund" />

这样子写法会一直报

errMsg: "Value of order-id cannot be empty"
errNo: 21522

caililin 1楼•12 天前

编译后文件也有，就是报错

eggper 2楼•12 天前

vue2还是vue3

sinazl 3楼•12 天前

回复 2***@qq.com: HbuilderX升级到最新版试试，如还有问题，请提供下测试工程

本帖问题已处理，如果有相关问题，请开新帖交流

caililin 6楼•12 天前

在 uni-app 中，如果你在抖音小程序中使用 pay-button 组件时遇到属性编译后获取不了的问题，可能是由于以下几个原因导致的：

pay-button 是抖音小程序特有的组件，uni-app 在编译到抖音小程序时，可能会存在一些兼容性问题。确保你使用的 uni-app 版本支持抖音小程序的 pay-button 组件。

确保你在 pay-button 组件中正确传递了属性。例如：

<pay-button :order-id="orderId" @success="onPaySuccess" @fail="onPayFail"></pay-button>

uni-app 在编译到抖音小程序时，可能会对代码进行一些转换。你可以通过以下步骤检查编译后的代码：
1. 使用 uni-app 的 发行 功能，将项目编译到抖音小程序。
2. 打开编译后的抖音小程序项目，检查 pay-button 组件的属性是否被正确编译。

在 pay-button 组件的 @success 和 @fail 事件中添加日志，检查事件是否被触发，以及传递的参数是否正确。

methods: {
  onPaySuccess(res) {
    console.log('支付成功', res);
  },
  onPayFail(err) {
    console.log('支付失败', err);
  }
}

确保你使用的 uni-app 版本是最新的，或者至少是支持抖音小程序的版本。你可以通过以下命令更新 uni-app：
```
npm update @dcloudio/uni-app
```