vue 获取element 宽度方法

在Vue.js中，如果你想要获取Element UI组件（比如el-button、el-input等）的宽度，你可以通过`this.$refs`来引用组件并访问它的DOM属性。例如，假设你有一个el-button元素，你可以这样做：

<template>
  <el-button ref="myButton">点击我</el-button>
</template>

<script>
export default {
  mounted() {
    this.getWidth(); // 在挂载后立即获取宽高
  },
  methods: {
    getWidth() {
      const button = this.$refs.myButton;
      if (button) {
        console.log('按钮宽度:', button.offsetWidth);
      } else {
        console.error('按钮还未加载完成');
      }
    }
  }
}
</script>

在这个例子中，`offsetWidth`属性返回元素的实际宽度（包括内边距和边框）。如果需要动态更新，可以在事件触发时再次调用`getWidth()`。