返回博客

JS ref 获取 DOM 元素

本文介绍了在 Vue2 和 Vue3 中使用 ref 获取 DOM 元素的方法。

Mt.r
|

上传文件时对文件的格式限制

Vue2

<div ref="myRef"></div>
this.$refs.myRef

Vue3

<template>
  <div ref="myRef">获取单个 DOM 元素</div>
</template>

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

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

    onMounted(() => {
      console.dir(myRef.value);
    });
    return {
      myRef
    };
  }
};
</script>

参考文章