位置: IT常识 - 正文

[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

编辑:rootadmin
项目场景:

推荐整理分享[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

vue实现兄弟进程间的通信。

问题描述

我想实现VUE中兄弟组件的通信,除了VueX之外,还可以使用eventBus,这几个教程把eventbus讲的很详细。

(34条消息) Vue 兄弟组件之间的通信_coffee豆丿的博客-CSDN博客_兄弟组件

大部分教程都是这样,我看了一个小时的教程。但是,我按照他们的代码去做的时候,就是会给我报标题的错。然后我搜索这个报错,网上的资料也没有很多。我记录一下。

原因分析:

很多博客分析了原因。

1、可能是命名的问题:【与我无关】

[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

(34条消息) this.$emit方法无效的原因_来吧,相约98的博客-CSDN博客_this.$emit不生效 2、可能是因为生命周期的问题,然后说要把接收方的mounted改成created啥啥的,这个问题确实很关键,但是没解决我的。【烦死了,哈哈,毁灭吧,哈哈】

(34条消息) Vue中bus报错TypeError: Cannot read property ‘$emit‘ of undefined_盏茶作酒的博客-CSDN博客_cannot read property '$emit' of undefined

3、最后,也就是终极原因,考虑到VUE的事件监听机制。监听必须要在触发之前,也就是说$on的执行必须要在$emit之前。【听我说谢谢你】

(34条消息) vue bus.$emit触发第一次$on监听不到_microcosm1994的博客-CSDN博客_vue bus触发第一次,后续不触发

555555,我就为这么一个小问题,我解决了一个小时5555。

解决方案:

解决方案就是:反正我看不懂这话,懒得看了。

用法:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。

你只需要把emit函数的那一句变一变就好了。

this.$nextTick(function () { // DOM 现在更新了 eventBus.$emit('msg',route) })

对,没错,就是这么简单。

对我自己想说的

我喜欢这样的自己。高冷冷在它的博客里说,任何事情都可以变的很简单,我们需要有耐心,然后为这件事情做足充分的准备。

努力coding,做一个对程序代码有耐心和好奇心的银。555

本文链接地址:https://www.jiuchutong.com/zhishi/292981.html 转载请保留说明!

上一篇:vue2 vue-router 不显示页面问题

下一篇:小程序 getActivePinia was called with no active Pinia. Did you forget to install pinia?(小程序开发一个多少钱啊)

  • 资本公积转增资本的要求
  • 招聘预算费用包括哪些预算清单
  • 研发支出月末结转转去哪里?
  • 购货发票属于什么证据?
  • 企业所得税的常设机构
  • 建筑行业简易计税账务处理
  • 如何理解发票开具加税点的说法?
  • 三代税款手续费申请流程
  • 12月的工资啥时候发
  • 增值税发票的基数是什么
  • 关于发票入账的会计分录
  • 使用权资产什么时候开始使用
  • 企业所得税申报表在哪里打印
  • 本期金额怎么计算
  • 厦门新车购置税计算
  • 怎样获取
  • 企业拆迁补偿款税务最新政策
  • 现金流量表怎么编制
  • 个体工商户投资金额填多少
  • 接入设备检测
  • sharedprem.exe - sharedprem是什么进程 有什么作用
  • 职工教育经费超过可以结转以后年度怎么做账
  • 有没有不需要网络的摄像头
  • setlang.exe - setlang是什么进程 有什么用
  • css盒子如何居中
  • vue查看图片组件
  • thinkphp excel
  • 停在花朵上,好像在认真的听同学们读课文修改病句
  • 合同内容和开票内容不一致
  • 图像融合名词解释
  • tf club下载
  • 私人定制ai绘画下载
  • YOLOv5|YOLOv7|YOLOv8改各种IoU损失函数:YOLOv8涨点Trick,改进添加SIoU损失函数、EIoU损失函数、GIoU损失函数、α-IoU损失函数
  • 企业待报解预算收入的分录
  • 经营租赁出租方的会计处理
  • 公司在银行买的理财产品怎么做账
  • 补发工资账务处理
  • 帝国cms修改提示怎么设置
  • 企业收到的政府无偿拨付的款项应当全部计入递延收益
  • 电竞公司要求
  • 税收分类编码是什么意思啊
  • ibm-db2-admin
  • 营业收入净额是销售收入净额吗
  • 店面收回转让费怎么办
  • 现在增值税是多少个点
  • 福利企业增值税退税标准
  • 现金折扣与商业折扣的计算
  • 建安企业增值税预缴
  • 代理记账需要什么章
  • 工会经费如何申请返还
  • 认购股份的形式主要有
  • 成本核算的意义在于
  • 新医院会计制度什么时候实施
  • 在sql server
  • sqlserver substring函数使用方法小结
  • 畅游盈利
  • winxp 证书错误
  • ubuntu配置vsftpd
  • win10系统如何禁用u盘
  • bootstrap框架怎么用
  • 日亚海淘官网
  • openglvbo
  • 简述jquery
  • nodejs快速入门
  • jquery dom对象
  • jquery异步提交表单
  • android 控件居中
  • android(8) ViewPager页面滑动切换
  • android打包v1v2
  • 上海个人所得税税率表2023
  • 二手车公司如何运营
  • 增值税一般纳税人资格登记表
  • 进口设备如何交税
  • 关于加强税务稽查工作的思考
  • 成都税务二维码扫描
  • 什么叫以物易物
  • 远程视频监控设备
  • 电子税务局网上登录
  • 黑龙江省税务培训网官网
  • 税务系统全面从严
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设