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

  • 个人所得税年度汇算清缴怎么操作
  • 5月份企业所得税
  • 公司租房代房东缴纳租房税金
  • 可转债会计分录利息
  • 兼职人员工资需要申报个税吗
  • 当月销售次月开票怎么申报
  • 不动产销售额怎么填
  • 信用代码证过期银行能转账吗
  • 小规模纳税人税率2023年是多少
  • 电子发票冲红处理
  • 增值税加计递减额,这个科目如何使用
  • 个人兼职取得的收入和退休人员再任职取得的收入
  • 合伙企业注销流程图
  • 项目清算组
  • 代扣代缴附加税怎么做账
  • 工资薪酬所得税税率
  • 建筑企业劳务分包税务筹划
  • 计提企业所得税怎么计算
  • 仓储部门折旧计入什么科目
  • 提取职工福利费计入什么科目
  • 发工资时计提个人所得税
  • 对公给个人转账可以写成什么
  • 代扣代缴增值税如何申报抵扣
  • 投资设立民间非经济组织
  • 跨期做账如何处理当事人
  • 高新企业最新政策2020
  • 怎么注销win10系统
  • xbox无法连接无线网络
  • php抽象类使用场景
  • 固定资产折旧计算方法
  • php面向对象的三大特征
  • 新公司成立前期费用
  • 简易征收增值税一般纳税人怎么报税
  • 企业的税收优惠政策有哪些
  • 应纳税所得税计算公式
  • 财政应返还额度是什么意思?
  • 黑枣的功效与作用图片
  • 不符合win11硬件要求安装会怎么样
  • el-table-column label动态
  • php登录注册页面完整代码
  • ai数字绘画设计培训
  • 逆算法怎么算
  • rcnn系列详解
  • php 微信公众号自定义菜单
  • 机械租赁税率是多少?
  • 取得经营所得的个人,有综合所得的是什么意思
  • 让渡资产使用权属于收入吗
  • 固定资产清理怎么做账务处理
  • 工资计提啥意思
  • sql server功能选择
  • mssql备份数据库
  • 通讯补贴计入个税吗
  • 个人所得税应纳税额
  • 企业常用会计科目表及其解释
  • 总资产增长率的定义
  • 厂部管理人员的工资属于制造费用吗
  • 如何编制试算平衡表图示
  • 普票部分红冲发票需要收回原发票吗
  • 合同权利义务包含债务吗
  • 收到加盟费怎么开票入账
  • 累计摊销可以做什么分录
  • 会议接待纸笔摆放
  • windows进程数
  • win8怎么升级到win10 bios设置
  • win2000停止服务
  • ubuntu系统鼠标没反应
  • linux git教程
  • windows8出现蓝屏
  • win7系统损坏无法开机怎么重装
  • Win7系统打开蓝牙
  • javascript的代码写在哪里
  • jquery日期组件
  • android_zh
  • nodejs websocket客户端
  • nodejs await
  • unity接入安卓sdk
  • js判断ua
  • 申报期包括不包括最后一天
  • 深圳市国家税务局电子税务局官网
  • 淮北市国家税务总局电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设