vue-使用ref获取DOM元素和组件

最新推荐文章于 2024-05-20 10:46:49 发布

shijiaolong0

最新推荐文章于 2024-05-20 10:46:49 发布

阅读量638

点赞数

分类专栏： vue 文章标签： vue-使用ref获取DOM元素和组件

本文链接：https://blog.csdn.net/shijiaolong0/article/details/87870344

版权

本文详细介绍了在Vue.js中如何使用`ref`属性来获取DOM元素和子组件实例。通过`ref`，开发者可以实现对组件的直接操作，如获取输入框的值、触发子组件的方法等。文章涵盖了`ref`的基本用法、在模板和JS中使用`ref`的区别，以及在动态组件和v-for循环中如何正确使用`ref`。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
            <h3 ref="myh3">哈哈哈哈，龙哥你太帅了！！！</h3>
            <input type="button" class="btn btn-info" value="ref获取元素" @click="getElement"/>
            <p>{
  {msg}}</p>
            <login ref="mylogin"></login>
		</div>
		<script>
			var app = new Vue({
				el:"#app",
				data:function(){
					return {
						msg:""
					}
				},
				methods:{
                    getElement:function(){
                        //reference 引用的意思
                        this.msg

最低0.47元/天解锁文章

shijiaolong0

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue-使用ref获取DOM元素和组件

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt
复制链接

扫一扫

专栏目录