当前位置: 首页 > article >正文

如何用全局事件总线实现组件间的通信

一.在最外层main.js中配置全局事件总线:

  beforeCreate() {
    Vue.prototype.$bus = this;
  },

二.在需要通信的组件内通知被通信的组件清除关键字

      this.$bus.$emit("clear");

三.在被通信组件内实现清除事件:

  mounted() {
    //全局事件总线清除关键字
    this.$bus.$on("clear", () => {
      this.keyword = "";
    });
  }

至此,实现跨组件删除关键字的业务


http://www.kler.cn/a/386150.html

相关文章:

  • 报错 No available slot found for the embedding model
  • MFC工控项目实例三十实现一个简单的流程
  • 解决VsCode无法跳转问题
  • Spring——事务
  • 从swagger直接转 vue的api
  • datastage在升级版本到11.7之后,部分在11.3上正常执行的SP报错SQLSTATE = 22007: 本机错误代码 = -180
  • STM32标准库-待机模式
  • 数据集市是什么?有什么优势?
  • OpenGL学习笔记(三) 绘制图形
  • RabbitMQ 篇-深入了解 RabbitMQ 安装以及 SpringAMQP 的基础使用(声明队列和交换机、发送接收消息、配置 JSON 消息转化器)
  • 【Linux系列】利用 CURL 发送 POST 请求
  • Android13 系统/用户证书安装相关分析总结(二) 如何增加一个安装系统证书的接口
  • 网络协议都有哪些?
  • 软件工程技术专业在物联网应用开发中的关键技术与挑战
  • XSS详解
  • 【Rust设计模式之Fold模式】
  • Java 中的 Arrays.sort () 方法:排序的利器
  • GOT-OCR:开源免费的OCR项目,多语言多模态识别,端到端识别新体验!不仅能识别文字,连数学公式、图表都不在话下!
  • 服装品牌零售业态融合中的创新发展:以开源 AI 智能名片 S2B2C 商城小程序为视角
  • unity中 骨骼、纹理和材质关系
  • 软件工程 软考
  • 在 Bash 中获取 Python 模块变量列
  • 2023上半年上午(1~75)
  • 使用EasyExcel实现导出excel文件时生成多级下拉选
  • 梧桐数据库浅谈查询优化技巧
  • UE5 metahuman 头发物理模拟