vue3 获取元素宽度

在 Vue 3 中，可以使用 `ref` 来获取元素的引用，并使用 `$el` 属性来访问元素本身。然后，可以使用 `offsetWidth` 属性来获取元素的宽度，如下所示：

<template>
  <div ref="myElement">这是一个元素</div>
</template>

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

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

    onMounted(() => {
      // 访问元素的宽度
      console.log(myElement.value.offsetWidth);
    });

    return {
      myElement,
    };
  },
};
</script>

在上面的代码中，我们通过 `ref` 创建一个名为 `myElement` 的引用，并将其绑定到 `<div>` 元素上。在 `onMounted` 钩子函数中，我们可以访问 `myElement.value` 来获取元素本身，然后使用 `offsetWidth` 属性来获取元素的宽度。