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

  • 计提附加税的会计分录
  • 暂估入库的价格一般会高一些吗
  • 收据上面盖公章还是财务章
  • 小企业以前年度损益调整科目取消了吗
  • 应收账款坏账损失专项报告
  • 自产的不同产品有哪些
  • 可供出售债权投资
  • 外协加工分录
  • 企业出现经营异常
  • 企业支付的工伤费用怎么入账
  • 保安服务费可以计入劳务费吗
  • 未办理土地使用证违反了什么法律
  • 已抵扣发票如何查询开票明细
  • 计提税金和缴纳税金的会计分录
  • 税务贷的用途
  • 公司购买模具的会计科目
  • 年度中间符合小数怎么算
  • 非正常损失和非正常损耗的区别
  • windows10.0
  • 取得专用发票是进项还是销项
  • 交易性金融资产的交易费用计入哪里
  • 事业单位在建工程转固定资产的账务处理
  • 年底会计人员要做什么
  • 冲销以前年度多做的其他应收款
  • bios设置详细介绍配图
  • 常见的无线网络技术有
  • 公益慈善事业捐赠个人所得税
  • php5升级到php7
  • 会计差错及账项调整
  • 库存股属于什么类账户
  • 劳务发票服务类型有哪些
  • Web渗透测试新手实操详解
  • php实现页面浏览量
  • uniapp开发微信小程序源代码
  • php返回数据给ajax
  • 编译和链接的区别是什么
  • window cuda
  • js let用法
  • df 命令执行显示不出来
  • stat命令的作用
  • 减按10%的税率是什么意思
  • 小规模纳税人升级为一般纳税人
  • 工程物资进项税额转出
  • 外企可以申请高新技术
  • 电子发票是否作废怎么查
  • 城建税的征收范围不包括农村
  • 公司交的养老保险的钱可以取出来吗
  • 房租付了没有及时取得发票怎么入账
  • 长期股权投资的初始投资成本
  • 购进生产免税货物用材料可以抵扣进项税额吗
  • 小规模减免附加税的会计处理
  • 非税收入票据如何开具
  • 哪些税费计入管理费用
  • SQLserver中cube:多维数据集实例详解
  • 如何查看solaris版本
  • win7盘符不见了
  • win9什么时候发布的
  • 直接在u盘上工作
  • win10edge浏览器如何切换到ie
  • 天气应用程序(weather)app免费下载
  • win10交接wifi
  • 对用户输入的判断
  • node.js底层原理
  • 一个android项目一般包含哪些目录?各有什么用途?
  • 浏览器url怎么看
  • shell脚本-p
  • unity射击游戏完整案例
  • radio js取值
  • 八大排序算法的时间空间复杂度
  • [置顶]马粥街残酷史
  • unity接收数据
  • unity as
  • javascript绘制图形
  • 企业房产税公式
  • 地税局网站查询发票
  • 西宁市房屋维修基金收费标准2021
  • 山东居民养老金是多少
  • 荆州区国税局
  • 建筑行业增值税税率2021
  • 西藏自治区税务局电子税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设