emit传参，获取返回值

曹天骄

于 2022-02-09 16:22:40 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/solocao/article/details/122844603

20 篇文章

订阅专栏

本文介绍了如何在Vue应用中，子组件通过事件总线调用主组件的方法，并接收返回的参数，展示了前后端交互的基本原理和实践技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我的需求，子应用调用主应用方法，主应用返回参数。

主应用：

methods:{
getToken(callback) {
    callback(this.$store.state.user.auth)
  },
},
mounted(){
 this.$bus.on('getToken', this.getToken)
}

子应用：

mounted(){
this.$qkBus.emit("getToken", (token) => {
   alert(token);
 });
}