vue3获取dom元素的方法(用ref获取Dom元素很简单)

 分类:vue教程时间:2022-04-10点击: 2022前端视频教程(自学必看)

vue3获取dom元素的方法,在vue2中用ref方法获取Dom元素,那么在vue3然后可以用ref方法很简单,在import中引入ref和onMounted,在vue3中的组合api就是好用,需要用什么就引入什么即可,打包后代码量少性能自然提升。

vue3获取dom元素的方法

vue3获取dom元素的方法,用ref获取Dom元素很简单,看如下例子代码就会了:

<template>
  <div ref="myRef">vue3获取dom元素的方法</div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const myRef = ref(null);

    onMounted(() => {
      console.dir(myRef.value);
    });
    return {
      myRef
    };
  }
};
</script>
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: