Error in nextTick: “TypeError: _this2.$refs.addMonitorInfo.init is not a function“

最新推荐文章于 2023-09-19 09:49:07 发布
最新推荐文章于 2023-09-19 09:49:07 发布
阅读量4.2k 收藏
点赞数 2
分类专栏： js-jquery vue 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32961283/article/details/125618525
版权

“Error in nextTick: “TypeError: _this2.$refs.addMonitorInfo.init is not a function”“。父组件ref调用子组件出现异常
首先出现问题可能是你的子组件没有引入，需要一步一步检查如下几步

  1. 子组件需要import
    在这里插入图片描述

  2. 子组建需要在父组件components中注册
    在这里插入图片描述

  3. 再查找，这个方法是写在哪里。如果在created里，是被报错的，要写在mounted中，此时dom已加载好。如果写在methods中，需要用。this.$nextTick()回掉，或者用定时器 setTimeout(()=>{ },500)

  4. 再检查子方法中是否存在
    在这里插入图片描述

  5. 如果还是不行，打印，看一下是什么数据格式
    在这里插入图片描述
    如果是数组，就需要使用this.$refs.addMonitorInfo[0]
    在这里插入图片描述

拼命菇凉
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
m0_59092234的博客
03-05 1622
报这个错主要是因为子组件还没加载完成就对子组件进行赋值，推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50); 父组件传值给子组件，子组件不能直接修改，会报错 //子组件修改父组件的值 this.$emit('名字','值'); //子组件调用父组件的方法 this.$emit('方法', va
Vue中this.$nextTick的作用及用法
11-21
Vue实现响应式后DOM的变化 data对象中数据改变是如何追踪的? vue将遍历data对象中所有的属性，并通过 Object.defineProperty 把这些属性全部转为 getter/setter；但是我们是没有办法看到 getter/setter的，但是在内部它们让 Vue 能够追踪依赖，在属性被访问和修改时通知变更。 每个组件都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。 Vue是无法检测到data对象属性的添加和删除 原因：Vue在对初始化
“TypeError: this.$parent.clearList is not a function“
m0_58893670的博客
11-11 490
子组件调用父组件方法报错： this.$parent.clearList is not a function。是因为我使用了UI组件把我的子组件包裹起来了，获取到的父组件就是UI组件，才导致报错
js问题(3)
qq_40708840的博客
11-10 910
31.Void(0)的作用是什么？ Void(0)用于防止页面刷新，并在调用时传递参数"zero" Void(0) 用于调用另外一种方法而不刷新页面 32.箭头函数和普通函数的区别 箭头函数是匿名函数不能作为构造函数，不能使用new操作符 箭头函数不绑定arguments获取实参的类数组，取而代之的是es6中的rest参数也就是…表示的拓展运算符解决 function fn1(x){ console.log(arguments) } var fn2=(...x)=>{ cons
_this2.$xxxis not a function
qq_44977477的博客
03-01 1841
报错：_this2.$xxxxxis not a function handleDelete: (api) => { this.$message("这是一条消息提示"); }, 修改为： handleDelete: function () { this.$message("这是一条消息提示"); },
vite [email protected] 日期控件报错TypeError: (void 0) is not a function
japlus的博客
01-14 1638
使用​vite-plugin-antdv-fix 插件，解决antdv1问题
Error in nextTick
小糖穿越火线
06-15 8142
Error in nextTick 解决：找到使用nextTick的地方，因为在之前数据为空导致的，因此加一个判断在nextTick之前 if (Array.isArray(this.classList) && this.classList.length > 0) { that.$nextTick(() => { ... }); } ...
vue echarts Error in nextTick: “TypeError: Cannot read property ‘getAttribute‘ of undefined“
@必意玲
07-08 9962
写在前面：导致 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 properties of undefined (reading clearValidate)
最新发布
renkai721的专栏
09-19 7553
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“
weixin_43366084的博客
07-30 5733
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'map' of null"
详解Vue + Vuex 如何使用 vm.$nextTick
08-28
主要介绍了详解Vue + Vuex 如何使用 vm.$nextTick，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
process.nextTick:浏览器中的 process.nextTick()
05-30
process.nextTick 浏览器中的 process.nextTick()
解决：this.$refs引用子组件报错 is not a function
热门推荐
草巾冒小子的博客
11-13 2万+
解决this.$refs引用子组件出现undefined或者is not a function的错误。
TypeError: instance.render is not a function
游海东的技术专栏
05-24 4733
1、错误描述 2、错误原因 import React, {Component} from 'react'; import {render} from 'react-dom'; import Button from 'react-bootstrap/Button' class InputRead extends Component { constructor() { return ...
Error in nextTick: “TypeError: fn.bind is not a function“
lyx1838102537的博客
12-14 2443
vue 页面在跳转后控制台报错 经过仔细检查 跳转页面的数据不小心写在methods方法中;故报错
Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which
wl7tvm98的博客
12-05 2989
Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which
Error in nextTick: “TypeError: Right-hand side of ‘instanceof‘ is not callable“报错解决
lyz246859的博客
05-31 836
其实就是参数的type值首字母没有大写，就会报上述错误，但是如果没有发现的，就会摸不着头脑，根本找不到错误的根源，所有大家记得一定要注意这个小问题，做好代码的书写规范。
Error not a function 函数nextTick掉了个$或者是前面那个对象不存在
youshuang1207的博客
04-06 2114
Echarts从后台获取数据展示折线图（堆叠图）
qq_32961283的博客
05-02 1万+
Echarts从后台获取数据展示折线图（堆叠图） 这里主要展示的是折线图，主要是涉及到两种订单的比较 首先我们要从数据库中获取所要展示的数据，这里我只进行controller的讲解 @RequestMapping("/ecOrderCount") public void ecOrderStatisticsCount(HttpServletResponse response,Str...
Error in nextTick: "TypeError: _this.$refs["uReadMore".concat(...)][index].init is not a function"
06-08
这个错误是因为你在使用 $refs 引用一个组件时...另外，还可以在使用 $refs 引用组件时，给组件添加一个 ref 属性，然后在 Vue.nextTick() 中使用 this.$refs.refName 来调用组件的方法，这样也可以避免出现上述错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值