当前位置：网站首页>bus事件总线 使用

bus事件总线 使用

2022-08-10 10:07:00 【极端~】

  1. 路由
    1）路由每个界面固定停留在相应的导航栏：在nav组件里加了一个bus事件总线
    在这里插入图片描述

eventBus.js

import Vue from 'vue'
export default new Vue()

在navMain.vue中引入

import eventBus from "@/utils/eventBus.js"
created(){
    eventBus.$on("message",  data => {
    console.log("A组件传给B组件的", data);
    this.toggleNav(data)
  });

其他界面要引用

import eventBus from "@/utils/eventBus.js"

let param = { id: 1, key: 'xxx', path:`/xxx`, name: 'xxx' }
eventBus.$emit("message", param)
原网站

版权声明
本文为[极端~]所创，转载请带上原文链接，感谢
https://blog.csdn.net/han_xiao_xiao/article/details/121786960

边栏推荐

猜你喜欢

随机推荐