1***@qq.com
1***@qq.com
  • 发布:2023-04-25 18:27
  • 更新:2023-04-26 18:36
  • 阅读:216

【报Bug】组件写法编译到H5和APP没有问题 但是编译到小程序出现问题

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.7.13

第三方开发者工具版本号: 1.06.2301160 win32-x64

基础库版本号: 2.30.4

项目创建方式: HBuilderX

示例代码:

子组件代码

<template>
<view>
<view class="display_sa waik">
<view class="niuzi" @click="jizhong" :class="lasi">
{{text}}
</view>

    </view>  
</view>  

</template>

<script>
export default {
name:"di-button",
props:{
lasi:{
type:String,
default:'',
},
text:{
type:String,
default:'按钮',
},
jizhong:{
type:Function,
default:null,
}
},

    data() {  
        return {  

        };  
    },  
    methods:{  
        ji:function(){  
            console.log(456)  
            // this.jizhong()  
        }  
    }  

}  

</script>

父组件代码
<di-button :text="'立即充值'" @jizhong="tijiao"></di-button>

tijiao:function(){
console.log(this)
},

操作步骤:

编译到H5和app 父组件中的this指向都是父组件里的数据 编译到小程序 父组件this就指向到子组件里的数据了.

预期结果:

编译到H5和app 父组件中的this指向都是父组件里的数据 编译到小程序 父组件this就指向到子组件里的数据了.

实际结果:

编译到H5和app 父组件中的this指向都是父组件里的数据 编译到小程序 父组件this就指向到子组件里的数据了.

bug描述:

2023-04-25 18:27 负责人:无 分享
已邀请:
1***@qq.com

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

<template>
<view>
<view class="display_sa waik">
<view class="niuzi" @click="jizhong" :class="lasi">
{{text}}
</view>

    </view>  
</view>  

</template>

<script>
export default {
name:"di-button",
props:{
lasi:{
type:String,
default:'',
},
text:{
type:String,
default:'按钮',
},
jizhong:{
type:Function,
default:null,
}
},

    data() {  
        return {  

        };  
    },  
    methods:{  
        ji:function(){  
            console.log(456)  
            // this.jizhong()  
        }  
    }  

}  

</script>

<style lang="scss">
.waik{
background: #fff;
padding: 16rpx 38rpx 68rpx;
position: fixed;
width: 100%;
bottom: 0;
left: 0;

    .niuzi{  
        border-radius: 28rpx;  
        // width: 100%;  
        padding: 28rpx 0;  
        width: 100%;  
        text-align: center;  
        background: #055AD4;  
        color: #FFFFFF;  
        font-size: 32rpx;  
        box-shadow: 0px -6px 12px 2px rgba(0,0,0,0.04);  

    }  
    .hui{  
        background: #B7BAC3;  
    }  
}  

</style>

1***@qq.com

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

子组件

YUANRJ

YUANRJ

请提供一个可复现的测试工程。

1***@qq.com

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

测试项目.

1***@qq.com

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

捞一捞

YUANRJ

YUANRJ

参考该 issues,使用 this.$emit 来调用父组件的方法。

要回复问题请先登录注册