vue3获取dom元素

336 阅读1分钟

用法

<div ref="footer"></div>

<script setup>
      import { ref, onMounted } from 'vue'
    //1.在setup中还没有渲染dom1节点所以无法获取
    const footer = ref(null)
    //2.只有在挂载dom后才能获取节点
    onMounted(() => {
          console.log(footer.value) //<div ref="footer"></div>
        //3.修改懂样式
          footer.value.style.background='#000'
      })
</script>