vue中利用ref来操作dom元素
在原生js中我们来操作dom原始是一件很麻烦的事情,vue中利用ref就可以来操作dom元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&g
在原生js中我们来操作dom原始是一件很麻烦的事情,vue中利用ref就可以来操作dom元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ref操作dom</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="box">
<!-- 在标签内写一个ref属性 -->
<h1 ref='foo'>{{ tit }}</h1>
</div>
</body>
<script type="text/javascript">
const app = new Vue({
el:"#box",
data:{
tit:"123"
},
mounted() {
//$refs来获取 foo就是要获取的属性名
console.log(this.$refs.foo.innerHTML)
}
})
</script>
</html>
更多推荐
所有评论(0)