vue父子组件之间传值(ref)

父组件:

<Student ref="student" />

methods:{

        getName(name){

                console.log("学生名:",name)

        }

}

mounted(){

        //当自定义事件sName被触发时

        this.$refs.student.$on('sName',this.getName)

子组件:

<button @click="sendName">将学生名传递给父组件</button>

<button @click="unbind">解绑自定义事件</button>   

<button @click="death">销毁当前student组件的实例(vc)</button>   

methods:{

        sendName(){

                this.$emit("sName",this.name)

        }

        unbind(){

                this.$off('sName')   //解绑一个

                this.$off(['sName','demo'])   //解绑多个

                this.$off()  //所有自定义事件全部解绑

        }

         death(){

                this.$destroy() 

                 //销毁当前组件的实例,销毁后所有student组件实例的自定义事件全都不奏效

        }

 

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值