vue父组件调用子组件方法

发表于2021-11-02|更新于2026-02-24

|浏览量:

抱怨身处黑暗，不如提灯前行。——刘同

这里使用ref属性去访问子元素

1	<hello-world ref="helloWorld" msg="Hello World"></hello-world>

然后打印一下

1	console.log(this.$refs.helloWorld);

可以看到成功获取到

再到子组件定义一个方法：

父组件访问：

效果：

前端

相关推荐

2024-10-19

docmost

有缺点的战士终究是战士，完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》网站： https://docmost.com/ 文档： https://docmost.com/docs github： https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。运行： 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。您可以使用openssl rand -hex 32生成秘密。如果保留默认值，应用程序将无法启动。将POSTGRES_PASSWORD环...

2024-05-18

js解决base64编码问题

地利不如人和，武力不如文德。——恒宽主要是在解析 JWT 时发现 1atob(base64) 存在编码问题，我们如果想要将 base64 解码为 utf-8： 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了

2022-09-15

react中配置图片容错

爱情是友谊的精华，书信是爱情的妙药——豪厄尔之前写了:vue中img错误默认图片以及img图片丢失后默认图今天写个react版本的： 1<img src={xxxx} onError={(e) => e.target.src = '/img/oss/2020-06-01/head.jpg'} alt={value.alt} /> 代码很简单，也很管用

2021-12-20

typescript快速入门

在原则产问题上，要坚定如磐石；在兴趣问题上，则要顺应潮流。——美国官方文档：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode：https://visualstudio.microsoft.com/zh-hans/ 安装后打开新建文件选择语言写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文重启后，我们打开控制台然后安装typescript 1cnpm install -g typescript 编译ts文件： 1...

2025-06-27

edgeone-pages

天下之事不难于立法，而难于法之必行。一一明·张居正 EdgeOne Pages：腾讯云推出的现代前端开发与部署新体验在现代 Web 开发持续演进的大潮中，开发者对前端托管、性能优化、无服务器化和全球加速的需求日益提升。腾讯云基于其强大的 EdgeOne 边缘计算基础设施，推出了面向开发者的全新前端平台——EdgeOne Pages，为构建、部署和加速静态站点及无服务器应用带来极致体验。一、什么是 EdgeOne Pages？EdgeOne Pages 是一站式前端开发与部署平台，专为现代 Web 项目量身定做。它不仅支持静态页面的极速托管，还内置边缘 Serverless 能力，让你用 JavaScript 直接在全球边缘节点编写动态服务，无需管理服务器或基础设施，轻松实现低延迟、全球可用的前后端一体化应用。二、核心产品优势1. 全球加速，极致性能依托腾讯云分布全球的边缘节点，EdgeOne Pages 能将静态资源自动缓存到离用户最近的位置，大幅提升页面打开速度和访问体验。无论访客来自国内外，网站都能保持高可用和低延时。 2. 极简部署，自动化上线集成高效的自动...

2024-07-07

css的透视效果perspective

有两件事我最憎恶：没有信仰的博才多学和充满信仰的愚昧无知。——爱默生我们知道css中我们的transform可以调整z轴，这说明css是有3d能力的但是我们通常看一个3d的物体，是近的地方大，远的地方小甚至被遮挡，要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体： .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...

阿超

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

数据加载中