vue3+ts获取DOM元素
vue3+ts如何获取DOM元素
·
- 给dom元素添加ref=“”
- 添加响应式变量,这个变量的名字要和ref命名一致
<template>
<!--ref-->
<div class="demo" ref="dom"></div>
</template>
<script setup lang="ts">
import { onMounted, ref } from "vue";
// 获取单个dom
const dom = ref<HTMLElement | null>(null);
onMounted(() => {
//获取div高度
console.log((dom.value as HTMLElement).clientHeight);
});
</script>
<style scoped>
.demo {
height: 500px;
}
</style>
更多推荐
已为社区贡献3条内容
所有评论(0)