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

  • 企业产生的所得税计入
  • 个税申报与社保申报一定是一致的么
  • 物业管理服务增值税2022
  • 个税申报填写的工资是应发还是实发
  • 金税盘一年
  • 税种认定网上操作流程
  • 季度超了30万年度没超120
  • 软件使用费的税率是多少啊
  • 销售农业产品的税率
  • 建筑安装工程怎么缴税
  • 收到建设方工程款怎么办
  • 代开劳务票税率多少?
  • 个人去税务局开劳务发票要交多少税
  • 劳务发票备注怎么填
  • 景区门票 报销
  • 已抵扣未入账的红字发票
  • 直接计入费用的税
  • mac苹果电脑系统
  • 什么原因导致血脂高
  • 新版edge浏览器兼容模式怎么设置
  • 加班工资怎么计算劳动法
  • 000.exe病毒
  • 司机公里补助用不用交个税
  • 塞维利亚是港口吗?
  • 情人节海报怎么画简单
  • 政府土地购买流程
  • PHP:Memcached::getAllKeys()的用法_Memcached类
  • 以旧换新直接给钱吗
  • 计算机视觉方面的期刊
  • 192.168.2.1 路
  • laravel创建项目
  • 已经认证抵扣的发票怎么做账
  • 直接材料成本差异账户在平时登记贷方登记
  • 黏菌算法总结
  • 文件上传漏洞原因
  • css给div加边框
  • node 文件
  • vue从0创建一个项目
  • vscode的常用插件
  • php加密技术
  • dpkg命令详解
  • packet命令
  • 非税收入票据是什么意思
  • 织梦模板转讯睿模板
  • mongodb如何查询数据
  • 附加税费怎么计算
  • 增值税留抵税额是什么意思
  • 企业接受捐赠固定资产的运费怎么做账
  • 什么是企业年金险
  • 计提折旧会计分录怎么做
  • 什么时候计提增值税发票
  • 纳税调整怎么做
  • 工资计提多了冲账怎么办
  • 电影院分成比例
  • 非税收入一般缴款书查询
  • 会计证异地可以考吗
  • 我是海关企业员工英语
  • LNMP下使用命令行导出导入MySQL数据库的方法
  • linux/fs.h
  • 无法将此电脑升级到最新版本的windows10
  • linux进入操作系统
  • centos安装rpm文件
  • linux认证失败的原因
  • freebsd配置dns
  • rapimgr.exe - rapimgr进程是什么文件.有哪些作用
  • window10蓝瓶
  • 免安装版怎么用
  • win8显示wifi关怎么办
  • cocos2dx屏幕适配解决方案
  • qt5 opengl
  • ubuntu libtorch
  • unityui
  • javascript构造函数可继承父类的构造函数
  • python怎么写爬虫
  • python selectfrommodel
  • 掌上海关怎么查询
  • 个人取得抽奖,购车抵用,需要缴纳个人所得税吗
  • 组织收入原则三个务必
  • 小规模和一般纳税人的划分标准
  • 自然人扣缴端怎么申报个税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设