<script setup>
import { ref, onMounted } from 'vue'
// 1. js方式,但必须在挂载后才可以获取
onMounted(()=>{
let dom1 = document.getElementById('dom1');
console.log(dom1)
})
// 2. ref方式,跟DOM上面的ref属性进行匹配,在挂载后使用此变量就可以拿到DOM
const dom2 = ref(null);
onMounted(()=>{
console.log(dom2.value)
})
</script>
<template>
<div id="dom1">第一个DOM</div>
<div ref="dom2">第二个DOM</div>
</template>
vue怎么获取DOM?
最新推荐文章于 2024-08-16 23:32:06 发布