关于iview在Vue项目中报错：Error in mounted hook: "TypeError: this.$parent.updateNav is not a function"

最新推荐文章于 2023-12-18 17:36:41 发布

林中鹿

最新推荐文章于 2023-12-18 17:36:41 发布

阅读量7.7k

点赞数 3

分类专栏：缺陷记录文章标签：个人记录

本文链接：https://blog.csdn.net/c_longer/article/details/90404006

版权

缺陷记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

目前并没有发现该报错对项目功能有什么影响，但报错总归是让人心中不爽，所以解决记录一下。

主要原因是项目中使用tabs组件不规范导致，如<TabPane></TabPane>标签外层没有<Tabs></Tabs>包裹。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林中鹿

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2 - elementUI报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width详细解决（表单form组件、其他组件

高级前端工程师

07-23

2816

vue2，elementui，报错，Form表单，el-form，element中el-form-item设置label-width=‘auto‘报错，如何解决这个问题，设置固定宽度了还是报错，auto，出错，vue报错Error in beforeDestroy hook: "Error: [ElementForm]unpected width " | Error: [ElementForm]unpected width，未插入宽度，未嵌入宽度，vue2的ElementUI的form表单报错，只能用固定值

TypeError: instance.render is not a function

游海东的技术专栏

05-24

4885

1、错误描述 2、错误原因 import React, {Component} from 'react'; import {render} from 'react-dom'; import Button from 'react-bootstrap/Button' class InputRead extends Component { constructor() { return ...

参与评论您还未登录，请先登录后发表或查看评论

VUE 子组件中 THIS.$PARENT 无法调用父组件的自定义方法，TypeError: this.$parent.xxx is not a function的问题

白给少年

05-20

4319

因为是小白，所以这个问题废了我九牛二虎之力，话不多说。简单描述：遇到了在子组件中利用this.parent调用父组件的自定义方法，报TypeError:this.parent调用父组件的自定义方法，报TypeError: this.parent调用父组件的自定义方法，报TypeError:this.parent.xxx is not a function的错，可是在父组件明明定义了该方法，随即就在子组件中打印了this.parent，通过控制台的打印，发现打印出来的this.parent，通过控制台的打印

Vue+iview报TypeError: this.$parent.updateGutter is not a function

爬虫的博客

06-27

6234

今天对之前写的代码拆分了下component，然后就遇到 TypeError: this.$parent.updateGutter is not a function 仔细调了下，发现这里面循环多少个就出现多少次错误，然后想到parent，就找到问题了，外层少了row。应该是col元素必须在row元素内

vue子组件this.$parent调用父组件方法报错TypeError:this.parent.xxx is not a function

weixin_40151813的博客

03-23

1万+

在做 vue 项目开发时，遇到了在子组件中利用this.parent调用父组件的自定义方法，报‘TypeError:this.parent调用父组件的自定义方法，报`TypeError: this.parent调用父组件的自定义方法，报‘TypeError:this.parent.xxx is not a function`的错，可是在父组件明明定义了该方法，遂查询 vue.js 的官方文档，但是文档也只有简短的说明，并没有相关的错误提示。官方文档中没有提示，那就只能自己动手找原因了，随即就在子组件中打印

JS添加子节点报错：appendChild is not a function

qq_44731369的博客

08-15

1万+

报错信息： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&

vue table 校验报错：Error in mounted hook: “Error: please transfer a valid prop path to form ite

qq_33911541的博客

05-11

1721

vue table 校验报错：Error in mounted hook: "Error: please transfer a valid prop path to form ite

Vue 启动报错Syntax Error: TypeError: token.type.endsWith is not a function at Array.every (＜anonymous＞)

longtime的博客

11-28

1407

Vue 启动报错现象 Syntax Error: TypeError: token.type.endsWith is not a function at Array.every () 解决网上说是换一个低版本的 eslint 比如 “babel-eslint”: “^10.0.1” 降低版本为 “babel-eslint”: “^8.2.2” 但是这个方案对我来说没什么用打开.eslintrc.js 文件 // 注释掉下面的这个配置 'vue/script-indent': [

Error in mounted hook: “TypeError: Cannot read property ‘XXXXX‘ of undefined“

最新发布

qq_62575539的博客

12-18

1291

[Vue warn]: Error in updated hook : "TypeError:this.$el.querySelectorAll is not a function"

this.$parent is not a function 子组件调用父组件方法

liulang1905的博客

05-20

9587

子组件调用父组件方法时报的错感谢这位大佬提供的解决方法，原文地址地址问题原因：this.$paren 这就话应该是获取父组件，因为我使用了element-ui 将我的子组件包了起来，获取到的父组件就是element-ui了，所以在调用父组件的方法是肯定是没有了我这里的子组件是 navigation-left <el-aside :width="navLeftWidth + 'px'" class="scroll"

Error in updated hook: “TypeError: handler.call is not a function“

sophialise的博客

07-08

910

错误提示：调用了Vue生命周期的updated钩子函数，updated里面内容为空解决：如果没用到，删除updated即可

解决vue中的报错：Error in mounted hook: “TypeError: handler.call is not a function“

weixin_49237235的博客

10-15

3万+

Error in mounted hook: “TypeError: handler.call is not a function” 在进入vue组件页面时，后台显示错误 Error in mounted hook: “TypeError: handler.call is not a function” 具体如下图所示：报错原因: 生命周期钩子函数mounted: {}是否有声明了未定义方法或是只声名了钩子函数。解决方案: 1.将mounted: {} 删除掉 2. 将mounted: {} 改

vue中 Error in mounted hook: "TypeError: handler.call is not a function" 报错问题解决方案

asteriaV的博客

12-17

1万+

进入组件页面时，vue报错：Error in mounted hook: "TypeError: handler.call is not a function"，主要原因是里面的钩子函数mounted {}是否有声明了未定义方法或是只声名了钩子函数解决该问题的方法： 1.把mounted: {}删除掉。 2.把mounted: {}改为mounted(){}。 ...

Error in mounted hook: "TypeError: this.$refs.list.$el.refresh is not a function"

感恩、奋进、自信

06-12

1万+

在子组件scroll.vue中的methods选项中定义方法refresh()，如下所示：//当已经存在berre-scroll实例的时候，DOM发生变化时，要对better-scroll实例重新更新 refresh() { this.scroll && this.scroll.refresh() } 然后在父组件music-list.vue中的template调用...

[Vue warn]: Error in mounted hook: “TypeError: handler.call is not a function和 TypeError: handler...

wzh520520的博客

07-11

559

写完第一个vue组件之后，第二个组件与之相似，所以在初始化vue单页面文件后对钩子函数mounted也进行了添加，因为没有在钩子函数声明方法，所以浏览器报了这个错误，把1文件中的mounted: {}，删除即可，要使用的时候再声明链接：https://www.jianshu.com/p/7659fb363f55...

Vue.js与iView UI非工程化实践：MVVM探索

本文主要讲述了作者基于Vue.js和iView UI框架进行非工程化实践的过程与心得。Vue.js是由美籍华人尤雨溪创建的一款轻量级的JavaScript框架，它的设计初衷是简化Angular.js的复杂性，提供易于理解和使用的MVVM（Model-...