虚心使人进步

虚心学习,天天向上......
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

vue调用子组件里的方法,通过全局bus

Posted on 2022-06-12 08:07  Showker  阅读(185)  评论(0编辑  收藏  举报
1、中间bus
 
src/components/globalBus.js
 
import Vue from 'vue';
export const globalBus = new Vue();
 
2、被调用组件
globalBus.$on("showLoginDialog", (number) => {
   //console.log('调用了这个'+number)
this.login();
});},
 
3、组件里
login() {
globalBus.$emit('showLoginDialog','22222')
// console.log('this.refs-p-asiderR',this.$parent.$refs.AsideR);
// this.$parent.$refs.AsideR.loginBox.doChange('login');
},