时间:2022-12-06 01:48
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>