子组件代码
<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)
},
6 个回复
1***@qq.com (作者)
<template>
<view>
<view class="display_sa waik">
<view class="niuzi" @click="jizhong" :class="lasi">
{{text}}
</view>
</template>
<script>
export default {
name:"di-button",
props:{
lasi:{
type:String,
default:'',
},
text:{
type:String,
default:'按钮',
},
jizhong:{
type:Function,
default:null,
}
},
</script>
<style lang="scss">
.waik{
background: #fff;
padding: 16rpx 38rpx 68rpx;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
</style>
1***@qq.com (作者)
子组件
YUANRJ
请提供一个可复现的测试工程。
1***@qq.com (作者)
已回复
2023-04-26 09:41
1***@qq.com (作者)
测试项目.
1***@qq.com (作者)
捞一捞
YUANRJ
参考该 issues,使用 this.$emit 来调用父组件的方法。