vue中怎么获取dom元素中的内容

lewis 6年前 (2019-03-10) 阅读数 12 #程序编程

文章标签 vue

vue中获取dom元素中内容的方法：

vue中是通过给标签加ref属性，然后在js中利用ref去引用它，从而操作该dom元素。

示例：

<template><div>
<divid="box"ref="mybox">
DEMO
</div>
</div>
</template>
<script>
exportdefault{
data(){
return{
}
},
mounted(){
this.init();
},
methods:{
init(){
constself=this;
this.$refs.mybox.style.color='red';
setTimeout(()=>{
self.$refs.mybox.style.color='blue';
},2000)
}
}
}
</script>
<stylescoped>
#box{
width:100px;
height:100px;
line-height:100px;
font-size:20px;
text-align:center;
border:1pxsolidblack;
margin:50px;
color:yellow;
}
</style>