vue父组件调用子组件方法
发表于|更新于
|浏览量:
抱怨身处黑暗,不如提灯前行。——刘同
首先是官方文档
这里使用ref属性去访问子元素
1 | <hello-world ref="helloWorld" msg="Hello World"></hello-world> |
然后打印一下
1 | console.log(this.$refs.helloWorld); |

可以看到成功获取到
再到子组件定义一个方法:

父组件访问:

效果:

相关推荐
2025-06-19
远程控制billd-desk
我们应该使每一个学生在毕业时候,带走的不仅仅是一些知识和技能,最重要的是要带走渴求知识的火花,并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk:基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础,结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力,实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。 技术栈 Vue3:采用 Composition API 的现代前端框架,负责构建高性能响应式 UI。 WebRTC:点对点实时音视频流传输协议,实现高效的远程桌面画面流和控制指令传输。 Node.js:作为后端信令服务器,负责连接管理、房间分配、消息转发等核心逻辑。 Elect...
2025-11-28
iptv
希望是一种好东西,也许是世上最好的东西。好东西是永远不会消失的。——肖申克的救赎 iptv-org/iptv 全面上手指南:一条链接看遍全球公开 IPTV 频道(含播放器与脚本示例) 仓库:iptv-org/iptv主页:iptv-org.github.io描述:Collection of publicly available IPTV channels from all over the world话题:iptv m3u playlist streams tv许可:The Unlicense(公共领域风格许可) 想“零门槛”体验全球公开的直播电视频道?iptv-org 维护的这个仓库把世界各地公开可访问的 IPTV(Internet Protocol Television)直播源用标准的 M3U 播放列表统一整理了起来。你只需要在支持直播流的播放器里粘贴一条 URL,就能直接观看。它还配套了节目单(EPG)、频道数据库与 API 项目,组成了一个完整且开放的生态。 本文基于项目 README 与说明整理,带你快速上手、了解配套生态,并附上多个“即复制即...
2022-07-08
escape、unescape废弃
爱所有人,信任少数人,不负任何人。——莎士比亚 今天看到这个API废弃了,提示使用 encodeURI 或 encodeURIComponent 代替。 但是貌似有部分符号并没有转义成功 最后在示例看到了解决办法 123456789101112131415161718192021222324252627282930var fileName = 'my file(2).txt';var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName);console.log(header);// 输出 "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"function encodeRFC5987ValueChars (str) ...
2026-08-04
pdf-inspector
人生最宝贵的是生命,人生最需要的是学习,人生最愉快的是工作,人生最重要的是友谊。——斯大林 当 PDF 不再一股脑丢给 OCR:认识一下 pdf-inspector很多 PDF 处理流程里,最贵的那一步,往往不是“读文件”,而是“看不清就全送去 OCR”。 这件事听上去很自然,做起来也很省心:PDF 来了,扔进 OCR,等结果出来。但问题也很明显——有些 PDF 根本不是扫描件,它本来就带着清清楚楚的文本层;如果还是按同样的重型流程处理,时间和成本都会被悄悄放大。 pdf-inspector 想解决的,正是这个环节里的“误伤”。 项目地址:/firecrawl/pdf-inspector 它是一个用 Rust 编写的 PDF 检查与提取库,核心目标很直接:先判断 PDF 到底是什么类型,再决定后续该怎么走。README 对它的描述非常清楚——它可以做 PDF 分类、文本提取,并且能智能识别一个 PDF 是扫描件还是文本型文档,从而帮助上层流程做更聪明的路由决策。 它不是在“读取 PDF”,它更像是在“打量 PDF”如果把普通 PDF 处理工具比作一位埋头苦...
2023-09-05
docusaurus
伟大变为可笑只有一步,但再走一步,可笑又会变为伟大。——佩思 https://docusaurus.io/ docusaurus可以快速构建文档、博客等站点,非常方便好用 apache-streampark就用的这个构建的官网
2023-09-26
react生命周期弃用
强本而节用,则天不能贫;养备而动时,则天不能病;修道而不贰,则天不能祸。——荀子 在运行apache-shenyu发现很多警告 大致说是生命周期弃用了,并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点,以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景 我也针对新建了一个issue,去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog