Error in nextTick: “TypeError: Cannotread property ‘init‘ of undefine

已于 2023-10-07 09:40:46 修改
阅读量522 收藏 1
点赞数 1
文章标签： vue.js
于 2021-04-16 15:08:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wind__wd/article/details/115761436
版权

在这里插入图片描述使用echarts时，发现一直报错并且不展示，后来发现是版本问题，要么降低版本，要么就使用 import * as echarts from ‘echarts’; 这个引用方法是现在官网推荐的5.0以上的，建议使用这种引用方式，这个 * 就代表引入全部模块
在这里插入图片描述
在这里插入图片描述这样就能正常展示不报错啦
如果是别的那就是因为子组件还没加载出来你就赋值了，他找不到这个dom所以报错，意思是要有先后顺序，这个东西先得存在才能对这个东西进行赋值等操作，所以使用nextTick就行，或者setTimeout也可

广寒君
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
renkai721的专栏
09-19 8621
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
process.nextTick:浏览器中的 process.nextTick()
05-30
在JavaScript的世界里，`process.nextTick`是一个在Node.js环境中广泛使用的异步调用机制，它允许开发者在当前事件循环结束、下一次事件循环开始之前执行指定的回调函数。然而，这个API并不是JavaScript标准库的一...
Error in nextTick
小糖穿越火线
06-15 8205
Error in nextTick 解决：找到使用nextTick的地方，因为在之前数据为空导致的，因此加一个判断在nextTick之前 if (Array.isArray(this.classList) && this.classList.length > 0) { that.$nextTick(() => { ... }); } ...
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
m0_59092234的博客
03-05 1696
报这个错主要是因为子组件还没加载完成就对子组件进行赋值，推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50); 父组件传值给子组件，子组件不能直接修改，会报错 //子组件修改父组件的值 this.$emit('名字','值'); //子组件调用父组件的方法 this.$emit('方法', va
[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“
weixin_43366084的博客
07-30 5808
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'map' of null"
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
a10534126的博客
03-03 320
场景如下，第一次点击找不到init（一般人做不出来这种操作） /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id
abLoginServlet.zip
12-11
Servlet操作数据库jdbc增删改查，jsp页面显示(MVC思想) 1、Servlet和JSP简介: 　Java开发Web应用程序时用到的技术主要有两种，即Servlet和JSP，Servlet是在服务器端执行的Java程序，一个被称为Servlet容器的程序...
bail-out:提前退出时在 nextTick 上调用 cb
06-29
纾困获取除最后一个（回调）之外的所有参数，并使用process.nextTick上的第一个参数调用回调。 用例是您需要多次提前退出的情况，例如在验证期间。 它不会像那样拯救你的屁股。安装 $ npm install bail-out --save...
深入理解Vue nextTick 机制
08-27
深入理解Vue nextTick 机制 在本文中，我们将深入探讨 Vue 中的 nextTick 机制，并了解其实现原理。 首先，让我们来看一个简单的 Vue 例子： ```javascript export default { data() { return { msg: 0 } }, ...
简单理解Vue中的nextTick方法
08-28
Vue中的nextTick方法详解 Vue中的nextTick方法是一个非常重要的概念，它涉及到Vue中DOM的异步更新。nextTick方法是Vue提供的一个延迟执行函数，它可以在DOM更新完成后执行回调函数，从而确保在数据变化后执行某些...
TypeError: Cannot read property 'resetUpScroll' of null
风花一世月
03-29 760
在onshow中使用mescroll-body组件this.mescroll.resetUpScroll()方法会报错，延迟50秒会正常 这个报错通常是由于在onShow生命周期中访问某些组件的属性或方法时，这些组件尚未完全初始化所导致的。 延迟50毫秒后调用resetUpScroll方法可能是因为这样做可以让组件有足够的时间进行初始化，从而避免了出现这个错误。 在onShow生命周期中，如果你...
vue echarts Error in nextTick: “TypeError: Cannot read property ‘getAttribute‘ of undefined“
@必意玲
07-08 1万+
写在前面：导致 Error in nextTick: “TypeError: Cannot read property ‘getAttribute’ of undefined” 报错原因就是因为获取不到页面的元素，导致这种报错的因素很多种，我这里至少记录下在vue子组件件中使用echart获取不到页面元素，使用vue插槽解决。 1. 报错 Error in nextTick: "TypeError: Cannot read property 'getAttribute' of undefined" 2..
Error in nextTick: “TypeError: Cannot read property ‘execRowDataApi‘ of undefined
笑到世界都狼狈的博客
08-04 534
我在写vue项目的时候，点击按钮，会报错Error in nextTick: "TypeError: Cannot read property 'execRowDataApi' of undefined 如下图所示： 解决方法：加上if判断，先判断是否存在，如果存在执行，否则不执行 reloadTable() { this.$nextTick(() => { console.log(999) if (this.$refs.r...
Error in nextTick: “TypeError: Cannot read property ‘init‘ of undefined“
阿小绿的博客
03-31 1714
echarts引入结果报了错：Error in nextTick: "TypeError: Cannot read property ‘init’ of undefined"该怎么办？ 原文出现了这个错误的：https://blog.csdn.net/qq_42899245/article/details/108006566 解决办法： 把import echarts from “echarts”;修改成下面的这个。即可解决您的问题。 import * as echarts from ‘echarts’
[Vue warn]: Error in nextTick: “TypeError: Cannot read properties of null (reading ‘resultDescriptio
agua001的博客
09-28 1万+
1、问题重现: 子组件： setBuildValue(value) { console.log(value); // 文本域字数统计 this.problemNum = 50 - value.swConstructionQuestion.problemDescription.length; this.resultNum = 50 - value.swConstructionQuestion.resultDescription.length; this.buildData
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
JMFive的博客
03-28 1万+
此专栏是我是夜阑的狗对程序报错的解决方法，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉更多专栏订阅:😀【LeetCode题解（持续更新中）】🌼【鸿蒙系统】👑【Python脚本笔记】🚝【Java Web项目构建过程】
【微信小程序】关于 TypeError: Cannot read property ‘setValidInit‘ of undefined 报错
aDiaoYa_的博客
04-02 1760
的意思是无法读取undefined的属性“setValidInit”。这是基础库2.27.3版本的问题，改成2.29.2就正常了。每点击一次页面小程序页面，都会出现这种报错。
“TypeError: Cannot read property ‘init‘ of undefined”在Vue中使用echarts,导入时报错
hh3167253066的博客
06-25 899
解决：在引用时： import echarts from ‘echarts’ 改为 import * as echarts from ‘echarts’
TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决
热门推荐
guapilixianghe的博客
03-01 1万+
它定义子在data里面。这样就发现错误了，科室的DEP_TYPE查询出来之后如果有和Type_Ary里面的数据不一致的就会直接报错。
Error in nextTick: TypeError: Cannot read properties of undefined (reading initData )
最新发布
09-08
Error in nextTick: TypeError: Cannot read properties of undefined (reading 'initData')通常是因为在nextTick回调函数中尝试访问未定义的属性initData导致的。 这个错误可能有多个原因。其中一个可能是在回调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值