vue $emit 执行父组件的方法不执行

好久没有使用这玩意去调用父级组件的方法了,一直得用this.$parent.[属性/方法],觉得非常方便。今天修改了别人达的一个框架,用的$emit,当时都给我干懵逼了,为什么他能调用,我不能,没有报错,就是没有触发事件。

看了半天觉得不会了,把自己找代码翻出来看了下顺便记录下

子组件:

//执行父组件的方法
this.$emit('back',url,this.index)

父组件:

<xxx @back="back_upimg"></xxx>
back_upimg(url,index){
    this.upimg = url
}

  1. $emit('back',url,this.index) 可以返回对应多个参数

  1. 'back' 这个方法必须在子组件调用的时候加上<xxx @back="back_upimg"></xxx>

  1. 方法名称'back'必须是小写(网上查的,这个真没注意,估计是习惯了小写)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值