vue--操作真实DOM

最新推荐文章于 2023-08-05 16:34:49 发布

Laohei0101

最新推荐文章于 2023-08-05 16:34:49 发布

阅读量259

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/Laohei0101/article/details/118641427

版权

前端专栏收录该内容

31 篇文章 1 订阅

订阅专栏

今天说一下在vue中操作真实的DOM.

<template>
	<div>
		<div ref="box">
			hello world 
		</div>
	</div>
</template>
<script>
export default{
//通过mounted
	mounted(){
		let box = this.$refs.box; //通过refs来拿到元素
		let style = window.getComputedStyle(box);
		console.log(style)  //300px
	}
}
</script>
<style>
div{
	width:300px;
	height:300px;
	background-color:red
}
</style>