在原生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>
2306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
