Vue 中子组件使用 emit 回调,父组件获取子组件 emit 事件传出的值并添加父组件额外的参数进行操作

vue tytrock ⋅ 于 2020-06-23 17:48:44 ⋅ 3897 阅读

子组件回调

this.$emit('backcall','value')


父组件接收回调

正常情况下,这样即可接收子组件回调的参数

@backcall="bcFun"
...
methods:{
    bcFun(v){
        console.log(v)
    }
}

如果父组件在接受子组件参数的同时携带额外的参数,则需要使用$event接收,再带上自己的参数

@backcall="bcFun($event,'myvalue')"
...
methods:{
    bcFun(v,myv){
        console.log(v,myv)
    }
}


参考资料:https://www.cnblogs.com/liujiekun/p/10049292.html

回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter