【报Bug】使用uniapp编写抖音小程序，pay-button 组件，编译后属性缺失

分类：uni-app

bug已修复

产品分类： uniapp/小程序/字节跳动

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10 专业版 21H2

第三方开发者工具版本号： v4.0.6

基础库版本号： 2.82.0.5

项目创建方式： CLI

CLI版本号： @vue/cli 4.5.15

示例代码：

uniapp代码:  
<pay-button :mode="2" :goods-id="商品id" :goods-type="1" @getgoodsinfo="getgoodsinfo" @placeorder="placehold" @error="demo">支付</pay-button  
const getgoodsinfo = (e: unknown) => {  
    console.log(e);  
    return new Promise(resolve => {  
        // 在此处开发者可以进行商品数据请求，获取商品信息  
        // 然后将商品信息传入 resolve 函数  
        resolve({  
            minLimits: 1,  
            maxLimits: 2,  
            dateRule: "周一至周日可用",  
            validation: {  
                phoneNumber: {  
                    required: true // 手机号是否必填  
                }  
            }  
        });  
    });  
};  
const placehold = (e: unknown) => {  
    console.log(e);  
};  

const demo = (e: unknown) => {  
    console.log(e);  
};  

编译后的代码:  
<pay-button tt:if="{{d}}" class="data-v-5f7899a8" u-s="{{['d']}}" bindgetgoodsinfo="{{a}}" bindplaceorder="{{b}}"  
        binderror="{{c}}" u-i="5f7899a8-0" bind:__l="__l" u-p="{{d}}">支付</pay-button>  

结论： 编译后属性丢失;  

抖音小程序相关组件官网说明: https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/industry/trading-system/pay-button

操作步骤：

可参考代码示例

预期结果：

属性正确存在，小程序组件可正常使用

实际结果：

编译后属性丢失

bug描述：

使用uniapp编写抖音小程序，使用小程序原生的 pay-button 组件，编译后属性缺失

2023-04-20 11:54 负责人:无分享

3 个回复

YUANRJ

感谢反馈，后续修复。
临时解决方案：替换附件文件到以下路径
HBuilderX根目录/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-toutiao/dist

uni.compiler_.js_.zip

g***@qq.com (作者)

感谢回复，使用临时方案已解决，期待下次更新

2023-04-20 15:59
祖传皮卡丘

pay-button已过时，现在是pay-button-sdk，也是属性丢失，希望快点适配哦，辛苦啦！

2024-01-23 09:07
王亚飞

回复祖传皮卡丘: 这个有解决办法？

2024-01-25 09:55
祖传皮卡丘

回复 w***@gmail.com: 有大佬在跟进，请看我的帖子

2024-01-25 15:15
YUANRJ

回复 w***@gmail.com: 参考 https://ask.dcloud.net.cn/question/185513

2024-01-26 11:48