vue（14）：使用ref获取DOM元素和组件引用-白红宇的个人博客

发布日期：2021-05-07 08:58:12 浏览次数：18 分类：精选文章

本文共 245 字，大约阅读时间需要 1 分钟。

DOM元素获取

在Vue.js应用中，获取DOM元素可以通过ref属性实现。通过在元素上添加ref属性，你可以在Vue实例中使用$refs对象引用该元素。例如，在下面的代码中，点击按钮后会弹出一个警告，显示H1元素的文本内容。

获取DOM元素    我是H1元素

Vue组件引用

在Vue.js应用中，你可以创建自定义组件并在父组件中引用它们。通过使用ref属性，你可以在父组件中获取子组件的引用，并在需要时访问其数据或方法。以下是一个示例，展示了如何创建并引用一个登录组件。

获取组件引用

下一篇：【SE-02】多线程-02

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

本校暑假训练营12_Python数据分析入门7-网络2 2019-03-04

数据库SQL实战3_获取所有非manager的员工emp_no 2019-03-04

Tomcat启动过程连接部分-(下) 2019-03-04

JVM篇-结合源码分析垃圾收集器的类型 2019-03-04

RT -Thread Studio开发环境下使用W5500做TCP客户端 2019-03-04

Warning: The core is locked up的解决办法 2019-03-04

奔涌吧后浪！！！哔哩哔哩何冰 2019-03-04

【JVM系列】JDK 内置工具 2019-03-04

JAVA 基础与进阶系列索引 -- JDK 源码学习系列 -- 并发 2019-03-04

网络编程系列索引 -- JAVA 网络编程系列 2019-03-04

【JDK源码分析系列】ArrayBlockingQueue源码分析 2019-03-04

【网络通信 -- 直播】音视频常见封装格式 -- MEPG2 TS 2019-03-04

【网络通信 -- 直播】音视频常见封装格式 -- FLV 2019-03-04

【C/C++基础进阶系列】C/C++ 对象模型 -- 对象语义 2019-03-04

基于FPGA的HDMI信号采样原理 2019-03-04

Spring 与使用STOMP消息 2019-03-04

Linux 查看系统语言 2019-03-04

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457106688 位访客