查找父子组件
查找父组件
this.$parent ==> 返回当前组件的父组件实例
this.$root ==> 根组件(如果当前实例没有父实例,此实例将会是其自己)
查找子组件
this.$children ==> 当前组件的所有子组件的列表(中返回的是子组件的实例)
this.$children[0].xxxx = 'aaaaa';
去修改子组件的值
*** 面试题 ***
问题:父组件想要直接修改子组件的数据怎么办?
回答:this.$children[0].xxxx = 'aaaaa';
变相获取:在父组件引入子组件中加入ref
<News ref='child'></News>
这样的情况也可以直接修改子组件的数据
获取子组件:this.$refs.child
修改子组件数据:this.$refs.child.xxx = 'yyyy'
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了