vue3获取el-table-column宽度

在 Vue3 中，要获取 `el-table-column` 的宽度，可以使用 `vue-property-decorator` 或者 `vue3-redefine` 这样的库提供的响应式属性访问工具，配合 `ref` 或 ` computed` 属性。这里是一个简单的例子：

import { ref } from 'vue';

export default {
  setup() {
    // 创建一个 ref 存储 table 列的对象
    const tableColumn = ref({
      name: 'Name', // 列名
      prop: 'propName', // 数据绑定的字段
      width: null, // 初始宽度可能是 undefined
    });

    // 当 el-table 的列发生变化时，我们可以监听列的更新
    watch(() => tableColumn.value, (newColumns) => {
      if (newColumns && newColumns.length > 0) {
        // 取得第一个列的宽度作为示例，因为 `width` 可能不是所有列都有的属性
        tableColumn.value.width = newColumns[0].width || 0;
      }
    });

    // 现在你可以直接通过 `tableColumn.width` 访问到列的宽度了
    console.log(tableColumn.width); // 输出当前列的宽度

    return {
      tableColumn,
    };
  },
}