Vue笔记四：Vue获取DOM元素和组件元素的方法

努力努力再努力dyx

已于 2022-05-06 22:05:00 修改

阅读量3.2k

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

于 2022-05-06 21:56:15 首次发布

本文链接：https://blog.csdn.net/weixin_45844109/article/details/124619379

版权

本文介绍了在Vue.js中如何通过ref属性来获取组件或DOM元素。通过在元素上设置ref属性，然后利用$refs对象，开发者可以方便地在组件内部或外部获取到对应的元素对象，从而进行进一步的操作。文章提供了详细步骤和代码示例，包括创建组件、添加ref属性以及通过$refs访问组件元素。

摘要由CSDN通过智能技术生成

文章目录

- Vue获取组件元素
- ref获取组件元素

Vue获取组件元素

如果想使用哪个DOM元素，就给它加上ref属性，然后用$refs属性获取它的元素对象，示例如下：
全部代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue获取DOM元素的方法</title>
	</head>
	<body>
		<div id="app">
			<!-- 为h1添加ref属性，属性自定义 -->
			<h1 ref="h1text">yoyo!这里是h1</h1>
			<input type="button" name="单击" @click="btn" value=<