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

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

父组件访问:

效果:

相关推荐
2024-02-16
ant design blazor
帮人要帮心,帮心要知心,知心要诚心。——伊索 分享一个ant design出品的Blazor库 https://antblazor.com/zh-CN/ GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly. Blazor是用于.net构建web应用的框架 https://github.com/dotnet/blazor GitHub - dotnet/aspnetcore: ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.
2023-09-18
仿钉钉官网滚动效果
恭维含有一种毒剂,使最坚强的人也不免昏昏陶醉。——大仲马 今天在bilibili刷到个视频 https://www.bilibili.com/video/BV12z4y1s7nE/ 发现实现了钉钉官网效果 https://www.dingtalk.com/ 非常的炫酷,仓库源码: https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE
2024-06-08
vuesax一些组件找不到踩坑
祸生于欲得,福生与自禁。——刘向 今天发现vuesax有一些组件用不了了,弄了半天,没办法去github上看了看 发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建,可与 Vue 3 和 Nuxt 3 配合使用。此外,该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。 这里跳转过来是一个v...
2021-03-27
elementUI去掉input上下按钮
快乐就像香水,不是泼在别人身上,而是洒在自己身上。——拉尔夫·沃尔多·爱默生 我们使用el-input当type为number时 会出现右边这种箭头,影响美观 我们可以使用样式穿透 1<el-input type="number"></el-input> 123/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none;} 然后就可以去掉这两个箭头啦
2022-12-29
html字符转码表
孤独一人也没关系,只要能发自内心地爱着一个人,人生就会有救。哪怕不能和他生活在一起。——《1Q84》 链接:https://html.spec.whatwg.org/multipage/named-characters.html 我们打开发现可能有点重叠,导致看不清… 我们将不换行的css去掉即可 然后就能看清啦
2025-05-08
NoHttp
在创作家的事业中,每一步都要深思而后行,而不是盲目瞎碰。 —— 米丘林 https://github.com/yanzhenjie/NoHttp NoHttp:为 Android 提供高效 HTTP 协议支持的框架在 Android 应用开发中,网络请求是不可或缺的一部分。虽然 Android 提供了基本的网络请求工具(如 HttpURLConnection 和 OkHttp),但它们的使用复杂性较高。NoHttp 是一个轻量级的 HTTP 框架,旨在简化网络请求的实现,同时提供丰富的功能和灵活性。 什么是 NoHttp?NoHttp 是一个为 Android 平台设计的网络请求框架,支持标准的 HTTP 协议,并提供多种缓存模式。它的底层架构允许动态切换不同的网络请求实现,如 OkHttp 和 HttpURLConnection,从而为开发者提供了高效且灵活的网络请求解决方案。 核心特点: 支持多种缓存模式:包括不缓存、仅缓存、网络优先等模式。 动态底层切换:可以在 OkHttp 和 HttpURLConnection 之间自由切换。 轻量级:专为 Android 设计,...

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