vue3 mitt路由跳转后 on事件获取不到值的奇葩问题解决

2023-11-14

vue3不再支持大家试用this 那原型链这种东西自然是要命了
好在我们还有第三方插件mitt
但这东西是真的坑啊
比如我们定义 EventBus.emit
然后马上进行路由跳转

 EventBus.emit('datas',Acquis);
 router.push('payment')

然后在下一个组件中试用

EventBus.on('datas',data => {
    console.log(data);
})

你会奇异的发现这个方法压根不会触发

这个时候估计就很蒙了

我们可以在全局中找

let srith;
EventBus.on('*',(index,data) => {
	if(srith !== index){
	    srith = index;
	    console.log(data)
	}else{
	    return
	}
})

这样就可以把所有存在mitt中的值输出出来
如果我们只想要datas
那就

let srith;
 EventBus.on('*',(index,data) => {
      if(index == "datas"){
          if(srith !== index){
              srith = index;
              console.log(data)
          }else{
              return
          }
      }else{
          return
      }
  })
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue3 mitt路由跳转后 on事件获取不到值的奇葩问题解决 的相关文章

  • 错误:#0 轴的数据列不能是字符串类型

    我正在尝试使用谷歌图表和 React JS 创建散点图 我制作了一个测试数组来检查这是否是将数据发送到图表的正确方法并且它有效 但是当我处理真实数据并创建一个类似的数组时 它给我带来错误 轴 0 的数据列不能是字符串类型 这是运行良好的测试
  • 禁用 Ctrl + 滚动以缩放谷歌地图

    Does anybody know how to disable the CTRL Scroll First when the mouse wheel was moved the Map would Zoom in out But now
  • 使用 Jasmine 监视 Backbone.js 路由调用

    在主干路由器上监视方法调用时遇到问题 以确保它在给定路由上调用正确的方法 测试摘录 describe Router gt beforeEach gt router new App Router Backbone history start
  • 使用 JS 和 HTML 将当前 URL 插入链接

    所以 我已经阅读了类似的内容 但我仍然找不到更适合我正在做的事情的答案 我正在尝试使用 JS 获取当前页面 URL 并将其附加到社交媒体共享链接 如下所示 a href target blank 使用 Javascript 我成功地将当前
  • 无法使用 Node.JS 将 null 值发送到 MySQL 数据库

    我正在尝试发送null使用 Node JS 到我的 MySQL 数据库 con query INSERT INTO Routes routeTrigger VALUES null title test function err result
  • Mocha / Chai Expect.to.throw 未捕获抛出的错误

    我在获取 Chai 时遇到问题expect to throw测试我的 node js 应用程序 测试在抛出的错误上不断失败 但是如果我将测试用例包装在 try 和 catch 中 并对捕获的错误进行断言 它就会起作用 Does expect
  • 使用西里尔字母的正则表达式

    我有一个用于文本区域字段中字数统计的 jQuery 函数 此外 它排除所有用 三重括号 封闭的单词 它对于拉丁字符效果很好 但对于西里尔字母句子有问题 我认为错误部分与正则表达式有关 field val replace g match b
  • Cordova - 已弃用尝试访问非导航器对象上的属性“userAgent”

    我正在尝试让我的 Cordova iPhone 应用程序在 iOS 8 1 中运行 在 7 中工作正常 从 8 开始出现以下错误 Deprecated attempt to access property userAgent on a no
  • 与玻璃钢战斗

    我读过有关 FRP 的内容 非常兴奋 它看起来很棒 因此您可以编写更多高级代码 并且一切都更加可组合 等等 然后我尝试用数百个 sloc 从纯 js 到 Bacon 重写我自己的小游戏 我发现 我实际上不是编写高级纯逻辑代码 而是击败了 B
  • node.js、vue.js 和express.js 堆栈开发

    我正在尝试使用 Linux 上的 Visual Studio Code IDE 使用 vue js express js 和 node js 创建一个 Web 应用程序 根据网上的一些文档 我读到安装 vue js 后 可以创建一个vue
  • 不明白为什么 Chrome/Safari 无法在此处获取 ScrollHeight

    我只是问了一个问题 为什么某些 js 代码不能 100 在 Chrome 和 Safari 中工作 但经过更多故障排除后 我想我发现这是我应该发布的问题 我有一个页面 其中有一个表单 该表单的目标是同一页面上的 iframe iframe
  • Node.JS Web 服务器中的安全性

    所以 我正在学习 Node JS 到目前为止我很喜欢它 我已经有几个项目在工作了 我想我可以在其中使用nodejs 不过 我担心安全问题 如果我使用 Node JS http 模块编写自定义 Web 服务器 我是否可能非常容易受到攻击 Ap
  • 更改导航栏悬停时 div 的背景图像

    我正在开发一个项目 我对 Javascript 很陌生 所以我想知道是否有 Jquery 代码或只是一个关于如何使背景图像在导航菜单悬停时更改的过程 例如将鼠标悬停在链接一上会将 div 的背景图像更改为图像 1 将鼠标悬停在链接二上会将
  • 按位非运算符

    为什么要按位运算 0 打印 1 在二进制中 不是0应该是1 为什么 你实际上很接近 在二进制中 不是0应该是1 是的 当我们谈论一位时 这是绝对正确的 然而 一个int其值为0的实际上是32位全零 将所有 32 个 0 反转为 32 个 1
  • 不用AJAX,前台同步拖放文件上传?

    我有一个定期的网站
  • 如何在 C# 中通过 JavaScript 回调运行 QUnit 测试并获取测试结果?

    在我的几个项目中 我使用 MVC 模式将代码 关注点 分为 3 层 模型层和控制层都在 C 上运行 因此我使用 MSTest 或 NUnit 等测试框架来验证这些层的功能需求 对于视图层 我使用 QUnit 来测试 JavaScript 文
  • 如何在 Mongo 聚合管道的 $unwind 阶段保留零长度值?

    我正在使用聚合管道编写 Mongo 查询 在聚合过程中 我需要 unwind领域之一 但是 我不想要 unwind排除该字段具有零长度数组的条目 因为我仍然需要它们进一步深入管道 我的领域叫做items它是一个对象数组 每个对象包含两个值
  • JavaScript 反静默技术来指示失败

    当错误确实发生并且函数无法继续执行时 在 JavaScript 中报告错误而不是依赖 null 和 undefined 是一个好方法 我可以想到三种方法 没做什么 抛出异常 assert 这是一个简单的示例场景 一个将传入的金额记入用户帐户
  • jQuery 存储类型未定义

    我用了一个jQuery 存储 https ui5 sap com api jQuery sap storage存储数据 oStore jQuery sap storage jQuery sap storage Type local oSto
  • 获取不正确的日期,将时间戳转换为新日期

    我正在尝试将时间戳转换为日期 但得到的日期不正确 我正在开发一个使用 Angular 和 Typescript 的项目 我有这样的时间戳 1451642400 2016年1月1日 和1454320800 2016年2月1日 如果我编码 da

随机推荐

  • sql注入之报错注入

    目录 1 常用报错的函数 2 其他函数 一 extractvalue 二 updetaxml 1 常用报错的函数 1 extractvalue 2 updataxml 3 floor 2 其他函数 1 substring extractva
  • 数论入门笔记

    数论入门笔记 目录 数论入门笔记 一 数论是什么 二 数论基础 1 欧几里德算法 辗转相除法 2 有关素数的基础算法 单个整数素性测试 简单素数筛 多个整数素性测试 埃氏筛法 Eratosthenes筛法 区间筛法 欧拉筛法 线性筛法 3
  • VC++ Gdiplus::Bitmap抠图

    void SetBackgroundMaskImage LPCTSTR lpszImageName COLORREF crAlpha RGB 255 0 0 Gdiplus Bitmap pBkgrMaskBitmap CImageFact
  • MYSQL中mysql数据库的用户表User表

    前言 新建MySQL时 会自动安装一个mysql的数据库 该数据库下面的表都是权限表 其中 user表是最重要权限表 记录了允许连接到服务器的账号信息以及一些全局权限信息 user表有42个字段 大致分为4类 用户列 权限列 安全列及资源控
  • Git安装与卸载

    Git下载 官网 https git scm com downloads 点击官网链接 跳转到官网 选择对应操作系统 根据操作系统位数选择相应版本下载安装包 淘宝镜像 http npm taobao org mirrors git for
  • 编译原理绪论

    1 美图 5 编译过程一语法分析 任务 在词法分析的基础上 根据语言的语法规则把单词符号串分解成各类语法单位 语法范畴 依循的原则 语法规则 描述工具 上下文无关文法 6 编译过程一中间代码产生 任务 对各类不同语法范畴按语言的语义进行初步
  • 自学黑客必读的15本书,少1本都算不上真正的超级黑客

    前言 网络安全和黑客技能紧密相连 想要有效地防范黑客攻击 了解黑客的技能和思维方式非常重要 而要想成为一名合格的白帽黑客 也需要深入理解网络安全的基本原理和最佳实践 本文将介绍15本网络安全和黑客书籍 既包括了防范黑客攻击的指南书籍 也包括
  • 天梯赛 L1-046 整除光棍(除法原理)

    这里所谓的 光棍 并不是指单身汪啦 说的是全部由1组成的数字 比如1 11 111 1111等 传说任何一个光棍都能被一个不以5结尾的奇数整除 比如 111111就可以被13整除 现在 你的程序要读入一个整数x 这个整数一定是奇数并且不以5
  • java基本类型知识点

    java基本类型 java虽然是纯面向对象的语言 但为了方便也设置了八中基本类型 它们是 类型 标识 字节数 引用类型写法 字段类型 byte 1字节 引用类型是Byte 短整型 short 2字节 引用类型是Short 整型 int 4字
  • 使用SSH与github远程服务器进行无密码连接

    在git操作窗口中运行 ssh keygen t rsa 一直回车连接 然后到 ssh目录下看到两个文件 用sublime打开这个文件如图 复制里面的密钥 打开自己的github主页 点击自己的头像下的setting看到ssh那里 创建ss
  • Matlab机器人工具箱Robotics ToolBox --rvctools安装 图文详解(附rvctools工具箱资源)

    rvctools工具箱资源地址分享 链接 https pan baidu com s 1DqeCwS0F P2DgQJQeL9boA 提取码 lmgp 首先找到你的Matlab安装位置 找到toolbox文件夹 例如我的位置是D Progr
  • Linux下使用QSharedMemory异常退出时共享内存未释放解决办法

    首先看一下QSharedMemory在不同平台下的差异问题 详细描述 QSharedMemory 类提供了对一段共享内存的访问 译注 一段共享内存 在后续译文中也译为 共享内存段 QSharedMemory 提供了被多线程和多进程共享的一段
  • OCaml 安装以及简单的加减乘除Demo(以Ubuntu16.04为例)

    安装nix 参考 https mirrors tuna tsinghua edu cn help nix 安装nix sh lt curl https mirrors tuna tsinghua edu cn nix latest inst
  • 100 个网络基础知识

    1 什么是链接 链接是指两个设备之间的连接 它包括用于一个设备能够与另一个设备通信的电缆类型和协议 2 OSI 参考模型的层次是什么 有 7 个 OSI 层 物理层 数据链路层 网络层 传输层 会话层 表示层和应用层 3 什么是骨干网 骨干
  • c语言从键盘输入一个3*3矩阵,并分别求主对角线和副对角线

    c语言从键盘输入一个3 3矩阵 并分别求主对角线和副对角线 include
  • Java Conversion from String to bytes is not one-one?

    在工作中遇到了标题所述的问题 当一个字节数组编码成字符串后再获得字符串的字节数组 发现会和一开始的字节序列不同 上网查询了一番 发现Stack Overflow上有同样的问题 现在就来分析一下为什么会出现这种情况 byte bytes1 1
  • int与char之间的相互转换(c/c++)

    int 转换为char 0 即可 int a 5 char b a 0 注意 1 这里的b得到的字符型的5 2 由于char只有一个字节的空间 所以int只能是0 9之间的数 char 转换为int 0 即可 char a 5 int b
  • HSV介绍二:HSV颜色识别-HSV基本颜色分量范围

    一般对颜色空间的图像进行有效处理都是在HSV空间进行的 然后对于基本色中对应的HSV分量需要给定一个严格的范围 下面是通过实验计算的模糊范围 准确的范围在网上都没有给出 H 0 180 S 0 255 V 0 255 此处把部分红色归为紫色
  • 服务器电脑的作用,什么是wins服务器及其作用 -电脑资料

    问 什么是 WINS服务器 有什么作用 答 WINS Windows Internet Name Service 服务器主要用于NetBIOS名字服务 它处理的是NetBIOS计算机名 Computer Name 所以也被称为NetBIOS
  • vue3 mitt路由跳转后 on事件获取不到值的奇葩问题解决

    vue3不再支持大家试用this 那原型链这种东西自然是要命了 好在我们还有第三方插件mitt 但这东西是真的坑啊 比如我们定义 EventBus emit 然后马上进行路由跳转 EventBus emit datas Acquis rou