关于VUE调用父实例($parent) 根实例 中的数据和方法

最新推荐文章于 2023-04-20 10:30:24 发布
最新推荐文章于 2023-04-20 10:30:24 发布
阅读量545 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/jiangchengbiao/p/9395518.html
版权

this.$parent或者 this.$root

在子组件中判断this.$parent获取的实例是不是父组件的实例

在子组件中console.log(this.$parent)  在父组件中console.log(this)

看看console出来的两个实例是不是同一个

如果是同一个  就可以在子组件中通过this.$parent.属性名,this.$parent.方法名     来调用父组件中的数据或者方法

 

 

 

 

 

在lsd-contact-item中this.$parent获取到的父组件实例不是lsd-contact-list的  而是 el-tab-pane这个组件的实例

 

转载于:https://www.cnblogs.com/jiangchengbiao/p/9395518.html

weixin_30686845
关注
vue3父组件调用子组件方法，属性(ref)defineExpose；子组件调用父组件属性方法($parent)defineExpose
jieweiwujie的博客
02-07 527
【代码】vue3父组件调用子组件方法，属性。
vue 里 this.$parent 作用
突维
05-15 4894
this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！
vue中的this.$parent
最新发布
科技向善
04-20 2471
需要注意的是，使用this.$parent来访问父组件的数据和方法并不是一个好的做法，因为它会使子组件和父组件耦合在一起，使得代码难以维护和复用。使用provide和inject可以让父组件向子组件传递数据和方法，而不需要使用this.$parent来访问父组件。如果子组件需要调用父组件的方法，可以使用this.$parent.someMethod()来调用方法。可以用来获取组件的父实例，可以在子组件中使用它来访问父组件的数据和方法。例如，如果子组件需要访问父组件的数据，可以使用。
vue——this.$parent算法
马娟的博客
08-30 1万+
父组件一：   父组件二：   子组件调用父组件一和父组件二中的方法
vue的this.$parent的使用
qq_42264793的博客
09-24 1万+
vue组件this.$parent 在使用vue时,你可能会用到this.$parent来进行组件与组件或者组件与外部实例的数据以及方法调用,这里简单介绍下两种使用环境.(这里你可以理解外部实例为非第三方组件) 一、在实例中 this.$parent 写在组件里面,外部实例调用此组件,则其指向vue实例(这里是调用组件的实例),你可以在组件中调用 data,methods: //例子·???? this.$parent.list;//数据(模拟) this.$parent.request();//方法(
Vue中this.$parent的作用
zhang_zan
11-03 962
this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！
实例详解vue中的$root和$parent
11-27
在Vue.js框架中，$root和$parent是两个非常重要的属性，它们允许我们在组件之间进行数据和方法的通信。本文将深入探讨这两个属性的工作原理及其在实际开发中的应用。 首先，我们来了解一下$root。$root是Vue实例的...
vue 父组件通过$refs获取子组件的值和方法详解
10-16
总结来说，Vue 父组件通过 `$refs` 获取子组件的值和方法是一种直接的通信方式，适用于某些场景，如需在父组件中直接调用子组件的方法或获取实时状态。但通常，推荐使用更灵活且易于维护的通信方式，如 props、事件...
Vue中props与$parent的区别及使用场景实例
CiCiCi12的博客
06-29 1412
初学Vue，发现props和parent貌似都可以进行父子传递，那到底有什么区别呢？分别是在什么场景使用呢？以下是我自己的理解，欢迎前辈们指导。共同处：都能够接收来自父组件数据。不同处：1）props仅仅只能接收，单项绑定。着重数据传递。2）parent貌似都可以进行父子传递，那到底有什么区别呢？分别是在什么场景使用呢？以下是我自己的理解，欢迎前辈们指导。 共同处： 都能够接收来自父组件数据。 不同处： 1）props仅仅只能接收，单项绑定。着重数据传递。 2）parent貌似都可以进行父子传递，那到底有什
vue父子组件间引用之$parent、$children
01-19
也就是说，虽然在一般情况下，子组件是不能引用父组件或者Vue实例的数据，但是对于在开发中出现的“数据需要在组件中来回传递”，我们最简单的解决办法就是通过props（和v-on）将数据从父组件传到子组件，再用$emit...
本文介绍了vue组件 $children,$refs，$parent的使用
GoodIdea
07-06 643
如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？ 1）$refs 首先你的给子组件做标记。demo ：<firstchild ref="one"></firstchild> 然后在父组件中，通过this.$refs.one就可以访问了这个自组件了，包括访问自组件的data里面的数据，调用它的函数 2）$children 他返回的是一个组件...
vue项目里在子组件内通过this.$parent无法获取父组件数据和方法的问题
热门推荐
weixin_55894946的博客
07-08 4万+
vue项目里在子组件内通过this.$parent无法获取父组件数据和方法的问题
vue父子组件间传值(props)
weixin_30415801的博客
05-17 260
先定义一个子组件，在组件中注册props <template> <div> <div>{{message}}(子组件)</div> </div> </template> <script> export default { props: { ...
Vue中$parent 和$children的使用
cofecode的博客
07-07 1万+
$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例上代码html部分<div id='box'> <parent ref='pa'></parent> </div> script部分Vue.component('parent',{ template:`<div><h1>父组件</h1><child></child></div>`,
Vue $parent、子组件调用父组件方法，父组件调用子组件方法、值
林中明月间丶
06-10 4700
https://blog.csdn.net/zgrkaka/article/details/100528714
Vue 访问 [ 根 , 父 , 子 ] 实例 和 依赖注入
无生 的博客
08-09 389
访问 [ 根 , 父 , 子 ] 实例 和 依赖注入访问根实例访问父级组件实例访问子组件实例或子元素依赖注入 实例就是一个对象,就是一个变量 访问根实例 通过 $root 所有后代子组件都可以访问 根实例 <根组件> <子组件> <孙组件> {{$root.a}} <!--在 孙组件 中访问 根实例 的a--> </孙组件> <!--你可以当做组件内都有一个插槽 或 当做概念看一下,主要是表达任何组件都可以直接访问根实例-
Vue.js 父子组件通讯
wxc_niuniu的博客
09-05 5175
vue.js，是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。（这是官方的一个解释！） 小编没使用过angularjs，也没使用过react.js，不能详细的说明三者的区别，想了解的话，在官方有一个分析，请点这里查看小编从业前端开发也有了一年多的时间，刚开始的时候，前端开发展现的技术太多，小编有心无力，兼顾不过来，经过了解之
使用 this.$parent 子组件调用父组件方法
weixin_43376042的博客
01-06 891
vue项目实战入门，vue组件复用
Vue父子组件间$parent、$children引用与实践
通过这个数组，父组件可以直接访问每个子组件的方法和数据。例如，`this.$children.forEach(child => child.showMessage())`可以让每个子组件执行它们自己的`showMessage`方法。 2. $refs：`$refs`是一种更底层的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值