首页 > 其他 > 详细

父子组件间的访问

时间:2019-10-05 20:51:02      阅读:114      评论:0      收藏:0      [点我收藏+]

不同与通讯,访问则是直接进入父组件或者子组件中获取数据或调用方法,而不是通过传值的方式调用

技术分享图片

技术分享图片

技术分享图片

父访问子

$children和$refs

$children

const childObj = this.$children[0]//children有多个是个数组,这里取第一个

注意:通过$children访问子组件,由于其本质为数组,开发中如要寻找某个特定的子组件时非常麻烦。因此一般通过$refs来找单个特定子组件,$children一般应用于需要循环获取数组中的某个值

$refs

const refChild = this.$refs.myRefs

一般子组件中的$refs是空对象,因此需先给子组件自定义属性ref="myRefs",当需要找哪个子组件时,直接从$refs对象中找对应的名称即可

子访问父

$parent和$root

$parent

const parentObj = this.$parent

$parent与$children不同,是单个的对象。而$children是数组

$root

const rootObj = this.$root

$root指向的是具有根性质的vue实例对象

父子组件间的访问

原文:https://www.cnblogs.com/chujunqiao/p/11625591.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!