美文网首页
vue 父组件监听子组件事件,emit携带参数,且父组件也自带参

vue 父组件监听子组件事件,emit携带参数,且父组件也自带参

作者: 云之一 | 来源:发表于2019-06-21 16:57 被阅读0次

很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。
找到了两种方法可以同时添加自定义参数的方法。

方法一

子组件传出单个参数时:

// 子组件

this.$emit('test','子组件参数')

// 父组件

@test='handleTest($event,fatherParam)'

methods:{
    handleTest(childParam,fatherParam){
        console.log(childParam) //'子组件参数'
    }
}

方法二

子组件传出多个参数时:
// 子组件

this.$emit('test','子参1','子参2')

// 父组件

@test='handleTest(arguments,userDefined)'
methods:{
    handleTest(childParams,fatherParam){
        console.log(childParams[0]) //'子参1'
        console.log(childParams[1]) //'子参2'
    }
}

相关文章

网友评论

      本文标题:vue 父组件监听子组件事件,emit携带参数,且父组件也自带参

      本文链接:https://www.haomeiwen.com/subject/lpluqctx.html