Vue组件跨层级如何获取组件-创新互联

这篇文章主要讲解了Vue组件跨层级如何获取组件,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

阿瓦提网站建设公司成都创新互联,阿瓦提网站设计制作,有大型网站制作公司丰富经验。已为阿瓦提近千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的阿瓦提做网站的公司定做!

this.$parent 访问父实例

this.$children 当前实例的直接子组件。(不保证顺序,不是响应式)

this.$parent.$parent.$refs.xxx 跨级访问父组件

this.$children.$children.$refs.xxx 跨级访问子组件

这种递归的方式 代码繁琐 性能低效

ref

只能获取当前组件上下文组件 无法跨层级

ref 是字符串 被用来给元素或子组件注册引用信息。

引用信息将会注册在父组件的 $refs 对象上。

如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;

如果用在子组件上,引用就指向组件实例


hello


分享标题:Vue组件跨层级如何获取组件-创新互联
URL网址:http://bzwzjz.com/article/dscihj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站建设 宜宾网站设计 成都网站制作 成都企业网站建设 成都商城网站制作 专业网站建设 自适应网站设计 成都网站建设 重庆网站制作 成都网站建设 重庆手机网站建设 教育网站设计方案 四川成都网站制作 高端网站设计 重庆网站设计 成都网站建设 做网站设计 重庆企业网站建设 重庆网站建设 企业网站制作 成都网站建设 成都网站制作