vue子组件调用父组件方法$emit没有生效

一开始查百度,别人都说 this.$emit(方法名, 参数);里面的方法名不能是驼峰法,试了下不行;

还有说emit不能写在axios里的,于是我拿到外面去了也不行;

最后谷歌查,原来是父组件里的子组件需要注册一下被监听的方法
在这里插入图片描述

parent组件

<el-parent>
            <wx-upload v-on:uploadsuccess="UploadSuccess"></wx-upload>
</el-parent>

...
<script>
export default {
    name: 'Header',
    components: {
        WxUpload: child
    },
	methods:{
		UploadSuccess(){
			console.log('test');
		}
    }

}

</script>

child 组件

...
this.$axios.post('/api/video', filedata, config).then( rsp=>{
   ...
    if(resp.code == 200){
        this.$emit('uploadsuccess', resp.data);
    }
})
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值