位置: 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?(小程序开发一个多少钱啊)

  • 报关单境外收货人错了怎么办
  • 金蝶报账怎么报销
  • 关于美容院的会计如何做账
  • 公司贷款可以转私人吗
  • 银行承兑汇票背书可以拆分
  • 生产企业出口货物会计分录
  • 转让不动产增值税纳税义务发生时间
  • 水费收取违约金投诉回复
  • 电影院买电影票怎么买
  • 税前扣除的职工福利费标准
  • 房租本月入账上月的怎么摊销?
  • 不含税的营业收入是什么意思
  • 预收账款发货
  • 精创云所有者权益为负
  • 商品进销差价是资产类账户,其抵减的账户是
  • 转出多交增值税借方余额表示
  • 国税一个月没报税罚款多少
  • 个人房产税征收标准
  • 汽车配件的税收编码是多少
  • 个人出租场地个人所得税
  • 会计差错更正的准则依据
  • 小企业短期投资的核算应设置的会计科目有
  • 农业产品免税范围注释
  • 在window中
  • 个体工商户投资金额填多少
  • 如何查企业是否上市公司
  • 简易计税 科目
  • php 混淆
  • uview2.0封装http请求实战以及常见请求传参实录
  • 迷迭香的养殖方法
  • PHP:mcrypt_cbc()的用法_Mcrypt函数
  • 毛地黄长什么样
  • vue3动态路由权限
  • php与服务器的关系
  • 房产税计入管理费用还是税金附加
  • 增值税电子普通发票和专票的区别
  • 月末研发支出会结转至哪个账户
  • 飞机票抵扣进项税怎么填附表二
  • 纳税滞纳金的计算方法
  • 个人所得税率怎么退
  • 广告公司工程部
  • 代扣代缴境外增值税怎么申报
  • 公司卖出货物没有发票
  • 房东减免部分房租
  • 餐饮无票收入怎么做账
  • 教育培训机构的老师可以评职称吗
  • 公司涉及研发房怎么办
  • 4月确认收入5月支出
  • 开业赠送礼品会计属于什么费用
  • 企业的研发活动阶段包括
  • 个人交五险一金多少钱一个月
  • 特别提款权和普通提款权的区别
  • 租赁房屋期间发生事故谁负责
  • sqlserver2012序列号
  • win1010卸载
  • bios 设置
  • cmd命令行删除文件
  • win7 64位系统使用百度影音播放视频没声音没画面的故障原因及解决方法
  • 解决安全问题的有效途径
  • msg0是什么文件
  • win8中文版怎么升级到win10
  • win10如何安装office
  • win 10 build
  • dos批处理实例
  • 批处理语言 从入门到精通
  • 在node.js中想要监听事件
  • 批处理 读文件
  • unity2d shader
  • python获取数据的方法
  • jquery 放大镜
  • python条件怎么算合法
  • javascript要学到什么程度
  • bootstrap入门
  • JQuery解析XML数据的几个简单实例
  • 个人所得税完税证明网上打印
  • 深圳国税电子税务局
  • 酒类包装物押金的消费税处理规定
  • 湖南电子税务申报
  • 建筑企业所交的税项有多少
  • 货车违章查哪个部门
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设