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

admin 1015 0

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

vue3获取dom元素的方法(用ref获取Dom元素很简单)-第1张图片-前端这点事

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>
龙华富士康招聘信息

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~