使用elementui+vue 遇到this.$parent.xxxxx is not function

最新推荐文章于 2022-11-13 16:52:56 发布
最新推荐文章于 2022-11-13 16:52:56 发布
阅读量1.7k 收藏 1
点赞数 3
分类专栏： 前端 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Q010_/article/details/107493676
版权

问题复现
这个是父组件
在这里插入图片描述
这个是子组件在这里插入图片描述
报错说是方法不是一个function
输出this.$parent一下确实不是父组件

解决继续.$parent 在这里插入图片描述
成功

Q010_
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VUE 子组件中 THIS.$PARENT 无法调用父组件的自定义方法，TypeError: this.$parent.xxx is not a function的问题
白给少年
05-20 4290
因为是小白，所以这个问题废了我九牛二虎之力，话不多说。 简单描述：遇到了在子组件中利用this.parent调用父组件的自定义方法，报TypeError:this.parent调用父组件的自定义方法，报TypeError: this.parent调用父组件的自定义方法，报TypeError:this.parent.xxx is not a function的错，可是在父组件明明定义了该方法，随即就在子组件中打印了this.parent，通过控制台的打印，发现打印出来的this.parent，通过控制台的打印
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
vue 中使用$refs，报this.$refs.xxx.xxx() is not a function
m0_67393295的博客
03-03 8516
this.$refs.xDown2.showPanel() 官网上例子时这么用的，我照着搬下来，竟然报上面的错误，找了好久也看不出哪里写错了，后来请假qq群里的大佬，得以解决。 打印console.log(this.$refs.xDown2),发现控制台打印的的dom对象是个数组，使用[0],得以解决上面的问题。 如this.$refs.xDown2[0].showPanel(); ...
解决 vue项目中子组件调用父组件函数报错“TypeError: “this.$parent.b(p)“ is not a function
m0_49471668的博客
11-21 847
解决 vue项目中子组件调用父组件函数报错"TypeError: "this.$parent.b(p)“ is not a function，哭死我了_duduyingya的博客-CSDN博客
uniapp 组件引用 TypeError: this.$refs.xxx is not a function 解决方法（全）
u014538997的博客
08-20 2万+
因为自己的项目中，某些常用模块自己定义了组件，使用时 常出现TypeError: this.$refs.xxx is not a function （即没有xxx这个方法），结合网友和自身遇到的问题，得出三种方法
【问题记录】this.$refs.formMilestone.validate is not a function
weixin_47093559的博客
06-06 316
HI，富婆李姐记录一下工作中遇到的小bug 问题复现 vue项目用的iviewUI框架，标题验证出现标题错误:this.$refs.formMilestone.validate is not a function 问题解决 犹豫我的表单是循环出来的，所以要加上下标，改成this.$refs.form[index].validate()就可以了 ...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
Vue中的this.$options.data()和this.$data用法说明
10-15
在Vue.js框架中，`this.$options` 和 `this.$data` 是两个非常重要的属性，它们分别用于获取组件的配置选项和当前实例的数据对象。在开发过程中，正确理解和使用这两个属性对于管理组件的状态至关重要。 首先，`...
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
12-09
调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <!...
vue elementui 里通过this.$parent.$parent找不到上级变量或方法的解决方案
搬砖小白灿哥哥
07-06 1937
vue elementui 里通过this.$parent.$parent找不到上级变量或方法的解决方案
Vue 解决通过this.$refs来获取DOM或者组件报错问题
11-20
1.关于this.$refs的使用场景 如果ref属性加在普通元素上，那么this.$refs.name则指向该DOM元素 <p ref=”p”>hello</p> <!– this.$refs.p 指向该DOM元素 –> 如果ref属性加在组件上，那么this.$refs.name指向该组件实例 <child ref=”child”></child> <!– this.$refs.child 指向该组件 –> 2.为什么有时候通过this.$refs.name来获取会报错？ 一个比较常见的场景：在一个弹窗打开的时候立刻通过this.$refs来
this.$parent is not a function 子组件调用父组件方法
liulang1905的博客
05-20 9452
子组件调用父组件方法时报的错 感谢这位大佬提供的解决方法，原文地址 地址 问题原因：this.$paren 这就话应该是获取父组件，因为我使用了element-ui 将我的子组件包了起来，获取到的父组件就是element-ui了，所以在调用父组件的方法是肯定是没有了 我这里的子组件是 navigation-left <el-aside :width="navLeftWidth + 'px'" class="scroll"
解决：this.$refs引用子组件报错 is not a function
热门推荐
草巾冒小子的博客
11-13 2万+
解决this.$refs引用子组件出现undefined或者is not a function的错误。
【u-boot】u-boot源码分析笔记（07）| u-boot驱动模型分析_01
iriczhao的博客
08-06 1474
u-boot有一个功能强大的驱动模型，这一点与linux内核一致。驱动模型对设备驱动相关操作做了一个抽象：使用来描述设备类，使用来描述驱动，使用来描述设备。（1-1）uclassuclass表示以相同特征方式运行的一组device。uclass提供一种以相同接口方式访问组内单个设备的方式。例如：GPIO类提供了get/set值的操作。一个I2C类可能有10个I2C端口，其中4个用于一个驱动程序，6个用于另一个驱动程序。该结构由表示（/include/dm/uclass.h）： （1-2）driver用于提供
自定义v-model事件
Pgy121的博客
09-08 3157
父组件 <template> <div class="home"> <p>{{name}}</p> <v-model v-model="name"></v-model> </div> </template> <script> import vModel from '@/components/HelloWorld' export default { name: 'home',
this.$refs 为undefined如何解决？
程邓楠的博客
09-04 2万+
首选要知道this.$refs是干什么的？ ref有三种用法： 1、ref 加在普通元素上，用this.$refs.name 获取到的是dom元素 2、ref 加在子组件上，用this.$refs.name 获取到的是组件实例，可以使用组件的所有方法 3、利用v-for和ref可以获取一组数组或者dom节点 当v-for用于元素或者组件时，引用信息将是包含DOM节点或组件实例数组。 ref本身是作为渲染结果被创建的，在初始渲染的时候你不能访问他们---因为他们还不存在；$refs也不是响应式的.
vue2的this.$parent.$parent.$parent.$refs
最新发布
09-01
在Vue2中，使用`this.$parent.$parent.$parent.$refs`可以访问父组件的父组件的父组件的`refs`对象。引用的代码是一个示例，其中父组件中的`this.$refs["detailForm"]`指向子组件`PDetail`的实例，通过`this.$parent...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值