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

【uniapp】methods方法挂在全局,方便无关联页面调用

【uniapp】methods方法挂在全局,方便无关联页面调用

main.js 页面挂载全局

import Vue from 'vue';
// 全局挂载方便无关联组件直接调用方法
Vue.prototype.$eventBus = new Vue();
mounted() {
    // $on 监听(订阅)事件,当其它组件发出事件时,执行 connectWallet 方法
    this.$eventBus.$on('connect', this.connect);
},
beforeDestroy() {
    // $off 移除(取消订阅)监听器,防止内存泄漏
    this.$eventBus.$off('connect', this.connect);
},
methods: {
    // 连接
    connect() {
        // 逻辑代码
        ...
    }
}
// 调用毫无关联组件方法
this.$eventBus.$emit('connect');

$eventBus 全局事件总线适用于中小型项目,大型项目还是推荐使用 Vuex / pinia


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

相关文章:

  • 4:表结构的增删查改
  • EMQX Dashboard
  • onedav一为导航批量自动化导入网址(完整教程)
  • Python工程语法(正则表达式)
  • MOSN(Modular Open Smart Network)-05-MOSN 平滑升级原理解析
  • Spring Boot框架识别
  • 【C语言】文件操作(详解)
  • C#上位机通过NetToPLCsim与西门子PLC仿真连接通信
  • Spring Boot 自动装配原理深度解析:从源码到实战
  • Ubuntu 优化启动时间优化
  • GraalVM 和 传统 JVM(HotSpot/JDK) 的详细对比,涵盖执行模式、性能、生态、适用场景等方面,并附上总结和选择建议
  • Java多线程与高并发专题——CountDownLatch 是如何安排线程执行顺序的?
  • leetcode11.盛水最多的容器
  • FFmpeg开发学习:AVFormatContext结构体
  • 小程序内表格合并功能实现—行合并
  • Spring MVC:关于@PostMapping和@GetMapping的使用场景、区别及核心要点的总结
  • javaweb后端登录功能cookie session
  • CVE-2020-0796:永恒之黑实战学习
  • 鸿蒙-全屏播放页面(使用相对布局)---持续更新中
  • 爬虫:Requests-HTML的详细使用