vue之为什么this.$parent.sth拿不到父组件的值

最新推荐文章于 2023-02-06 15:43:51 发布
最新推荐文章于 2023-02-06 15:43:51 发布
阅读量659 收藏
点赞数 1
分类专栏： 踩坑 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AzeShinja/article/details/121543446
版权

首先观察是否父级套了层ui组件，如果是，你打印this.$parent试试

如果其中还没有你要的，里面还有parent就继续往下点

在这里插入图片描述

AzeShinja
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
为什么在子组件中使用$parent获取不到父组件里的变量值?如何在父子组件里面实现双向数据绑定。子组件改变父组件里面得值并且要给父组件返回
肖肖肖丽珠的博客
05-27 9091
父子组件的通信一般使用props和emit来传值的。但是这种是单向的数据绑定。子组件接受父组件的传值，然后就把某个值传给父组件。参考：https://blog.csdn.net/qq_33769914/article/details/81012431 如何实现在父组件里面直接调用子组件里面的变量。在子组件直接使用父组件的变量。 父组件 <template> &lt...
Vue 子组件使用 this.$parent 无法访问到父组件数据和方法
路虽远行则将至，事虽难做则必成。
06-28 3350
最近在使用父子组件时候，通过this.$parent访问父组件数据和方法，出现undefined的情况。实际场景是父组件有一个dialog弹出框，包含几个子组件form表单，根据标识只展示一个子组件。在子组件需要传递一个ID给父组件中的data数据，想到this.$parent(比较简便)，不想用this.$emit。但发现this.$parent 实例是有打印的，但是访问父组件数据和方法都是undefined的情况。
vue项目里在子组件内通过this.$parent无法获取父组件数据和方法的问题
热门推荐
weixin_55894946的博客
07-08 2万+
vue项目里在子组件内通过this.$parent无法获取父组件数据和方法的问题
vue elementui 里通过this.$parent.$parent找不到上级变量或方法的解决方案
搬砖小白灿哥哥
07-06 1917
vue elementui 里通过this.$parent.$parent找不到上级变量或方法的解决方案
this.$parent为什么失效
weixin_45288172的博客
02-06 2006
this$parent不生效的原因。
vue中this.$parent调不到父组件的方法，拉胯的一天
水镜先生的博客
12-21 1751
拉胯
Vue中的this.$options.data()和this.$data用法说明
10-15
在Vue.js框架中，`this.$options` 和 `this.$data` 是两个非常重要的属性，它们分别用于获取组件的配置选项和当前实例的数据对象。在开发过程中，正确理解和使用这两个属性对于管理组件的状态至关重要。 首先，`...
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在这个例子中，`$.ajax`的`success`回调函数中的`this`并没有指向Vue实例，而是指向了回调函数本身，因此无法调用`this.$set`。 ### 报错原因 在JavaScript中，函数内部的`this`值取决于函数的调用方式。在上述...
vue.js this.$router.push获取不到params参数问题
10-15
主要介绍了vue.js this.$router.push获取不到params参数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue列表单项展开收缩功能之this.$refs的详解
10-17
在Vue.js中，`this.$refs` 是一个用于获取组件实例引用的重要特性，它允许开发者直接访问DOM元素或自定义组件实例。在这个场景中，`this.$refs` 被用来实现列表单项的展开和收缩功能。下面我们将深入探讨如何使用`...
【Vue】使用this.$parent.变量名获取父组件的数据得到undefined【解决办法】
weixin_43343144的博客
11-05 1293
vue使用this.$parent.变量名获取父组件的数据得到undefined_韩大璐-CSDN博客 如果你使用【uni-app框架】基本都会包裹一层 API — Vue.jshttps://cn.vuejs.org/v2/api/#parentVue官方不建议使用$parent或$children来获取属性方法【因为页面的组件顺序的变化,会导致某些方法无法访问】 ...
vue使用this.$parent.变量名获取父组件的数据得到undefined
韩大璐
10-14 8631
我们知道在子组件中可以通过 this.$parent.数据 this.$parent.方法 主动获取父组件的数据和调用父组件的方法。 但是在工作中，我们经常会遇到使用 this.$parent.数据 获取父组件的数据 得到undefined的情况，如下： 这种问题往往是由于父组件在调用子组件的时候，在子组件的外层包裹了一层UI组件的某个组件 看下父组件调用子组件的代码： <template> <Modal v-model="applyStatus"
Vue2.5学习笔记（二）深入了解组件
Zijeak的博客
09-08 3945
1.组件使用的细节 1.2 子标签内使用组件 假设想在表格便签内使用一个组件作为行，直接使用组件是不行的，原因在于tbody内只能放tr便签，否则浏览器就会将tbody内的标签解析到外面，从而导致结构的错乱。 为了解决这个问题，我们可以使用is特性，将is特性设置为组件名称，这样既保证了tbody和tr之间的层级关系，也使用了组件。 1.2 非根组件的data必须是一个函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。 1.3 在Vue中操作DOM：使用ref
Vue 子组件使用 this.$parent 无法调用父组件中的方法
godev的博客
04-22 4234
this.$parent 无法调用父组件中的方法1. 遇到的问题2. 分析3. 解决4. 总结 1. 遇到的问题 在开发 Vue 项目中，遇到了一个这样的问题: 其中UI框架使用的是iview UI , 在子组件中利用 this.$parent.getList() 调用父组件中的 getList() 方法, 发 现调用不到该方法, 然后通过 this.$parent.$parent.getList() 就可以调用到 2. 分析 在子组件中打印 this.$parent，通过控制台的打印，发现打印出来
react父子组件通信
全栈攻略
10-18 7431
在 React 中，数据是自顶而下单向流动的，即从父组件到子组件。 所以就存在父子组件之间的通信的必要性了。 父组件.jsx import React from 'react'; import Child from './child' class Father extends React.Component { constructor(props){ super(prop...
vue - iview 中$parent无法调用父组件方法
qq_32900003的博客
08-05 931
vue中说明：this.$parent可以调用父组件的方法，但是在使用iview组件的时候会出现this.$parent找不到方法的报错 <Tabs value="uinfo" style="height: 100%;" @on-click="user_tab_chaneg"> <TabPane label="基本信息" name="uinfo"> <u-info :uid="uid" @cacel="cancel_Modal
vue子页面调父页面方法提示找不到this.$parent
zhy的博客
03-26 1657
父：index.vue <addComp v-if="showAdd" :see="see" :show.sync="showAdd" /> import addComp from "./add"; .... components: { addComp }, 子：add.vue this.$parent.getList(); 想调用父类中的getList方法。 解决：查看父类中引用子类的地方，是不是嵌套.
vue中在子组件使用this.$parent调用父组件的方法报错
在奔跑中寻找的博客
04-30 2561
问题：在项目中的子组件调用父组件的closeRankLoading()方法时遇到报错： vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "TypeError: this.$parent.closeRankLoading is not a function" 原因：原来是子组件在父组件调用布局时外层还套了两个其它element-ui组件，导致this.$parent只是到了上一层组件，并没有到达父组件 <template> &l
vue2的this.$parent.$parent.$parent.$refs
最新发布
09-01
在Vue2中，使用`this.$parent.$parent.$parent.$refs`可以访问父组件的父组件的父组件的`refs`对象。引用的代码是一个示例，其中父组件中的`this.$refs["detailForm"]`指向子组件`PDetail`的实例，通过`this.$parent.$parent.$parent.$refs`可以在子组件中访问父组件的父组件的`refs`对象。具体来说，在上述代码中，父组件`Appe`通过`ref="detailForm"`将子组件`PDetail`引用为`"detailForm"`，然后在子组件中可以使用`this.$parent.$parent.$parent.$refs.detailForm`来访问父组件的`refs`对象中的`detailForm`属性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue组件 $children,$refs，$parent的使用详解](https://download.csdn.net/download/weixin_38669091/12775877)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue中this.$parent、this.$root、this.$children、this.$ref的区别和作用](https://blog.csdn.net/weixin_44684303/article/details/124748102)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值