首页 > 其他分享 >VUE-UNI事件转发监听

VUE-UNI事件转发监听

时间:2024-12-05 13:12:10浏览次数:4  
标签:VUE js vue 转发 UNI EventBus 监听

VUE以及uni-app 如果在项目中事件转发以及监听事件

在业务页面 a.vue 里面,调用了一个第三方接口,这个接口的回调是在项目的app.vue 的 onShow 里面给的回调,那我现在在a.vue 里面怎么处理。这个时候就需要做事件的转发,在a 页面做事件的监听

方法:

store下边新建一个js eventBus.js

import Vue from 'vue';
const EventBus = new Vue();
export default EventBus;

app.vue里面作引用

import EventBus from './store/eventBus.js';

onShow: function(options) {
        
       EventBus.$emit('onAppShown', parmers);   
        
},

在a.vue页面中

import EventBus from '../../../store/eventBus.js';

beforeDestroy(){
            EventBus.$off('onAppShown', this.checkPayResult);
        },
 mounted() {
            EventBus.$on('onAppShown', this.checkPayResult);
},
methods: {
            checkPayResult(param){
                console.log("到这里了")
                console.log(param)
              
            },
}

 

标签:VUE,js,vue,转发,UNI,EventBus,监听
From: https://www.cnblogs.com/haonanZhang/p/18588312

相关文章

  • 【SpringBoot+Vue】x-admin管理系统跟做
    技术栈前端技术说明Vue前端框架Vuex全局状态管理框架ElementUI前端UI框架Axios前端HTTP框架vue-element-admin项目脚手架后端技术说明SpringBoot容器+MVC框架MyBatisORM框架MyBatis-plusMyBatis增强工具Redis非关系型数据库Swagger接口文档框架Jwt登录校验令牌根据数据库......
  • 【期末项目】适合大学生的springboot+vue3完成中国铁路12306网站的业务实现【原创】
        ......
  • vue中ref的作用?
    在Vue中,ref是一个用于引用DOM元素的属性,它主要用于以下作用:1.引用DOM元素在Vue组件的模板中,你可以使用ref属性给DOM元素或组件实例添加引用标识。当你使用ref时,Vue会在组件渲染完成后,将DOM元素的引用赋值给组件实例的$refs对象中对应的属性。例如:<template><divref=......
  • vue中的data为什么是一个函数?起到什么作用?
    在Vue中,每个组件的data选项必须是一个函数,这是Vue设计中的一个重要特性。以下解释为什么data是一个函数以及它起到的作用:为什么data是一个函数?保证组件实例的独立性:每个组件实例都有自己的data对象。如果data是一个对象,则所有的组件实例会共享同一个对象,这会导致数据污染,因......
  • vue实现预览的图片进行下载
    代码如下:downImg("图片路径",'下载图片名称');downImg=(textUrl,name)=>{  fetch(textUrl).then(res=>{    res.blob().then(blob=>{      leta=document.createElement('a');      leturl=window.URL.cr......
  • uniapp图片懒加载全局自定义指令
    UniApp图片懒加载在UniApp中,<image>组件的图片渲染策略是通过子元素div背景图(background-image)来进行处理,而不是直接修改src。全局自定义指令constlazyDirective={mounted(el,binding){constpic_src=binding.valueconstobServer=newI......
  • 在设置keyup监听事件后按F5刷新和按浏览器中刷新键刷新有什么区别?
    在前端开发中,使用keyup监听事件后,按F5刷新和点击浏览器刷新按钮,虽然最终结果都是刷新页面,但在某些情况下会有一些细微的差别:1.触发事件的时机:F5(或Ctrl+R/Cmd+R):直接触发浏览器的刷新机制,并不会触发keyup事件。因为keyup事件是在按键释放时触发的,而按下F5并不会释放,而是......
  • vue中json对象数组求最大、最小、合计方法
    可以使用Array.reduce()方法来求最大、最小、合计值。示例代码如下://假设有以下json对象数组letarr=[{name:'tina',score:90},{name:'tom',score:80},{name:'john',score:70},{name:'jane',score:85}]//求最高分letmaxScor......
  • 基于大数据的滴滴出行数据分析与可视化系统(源码+vue+可视化大屏展示+爬虫分析+讲解等
    收藏关注不迷路!!......
  • # 全过程 快速创建一个Vue项目
    如何快速创建一个Vue项目前置知识​下载Node.js并且进行安装和配置Node.js,因为npm(NodePackageManager)是随Node.js一起安装的。Node.js下载地址:Node.js官方网站​(如果你还没有关于Node.js&webpack的相关知识,最好先学了,再走Vue路线)前言两种vue......