获取el-table内有多少个el-table-column有ref属性

在Vue.js中，如果你想获取`el-table`组件内部有多少个`el-table-column`元素拥有`ref`属性，你可以通过JavaScript的DOM操作和数组方法来实现。首先，你需要确保已经通过`ref`绑定了这些列，例如：

<template>
  <el-table ref="table">
    <el-table-column ref="column1" />
    <el-table-column ref="column2" :ref="('column' + index)" v-for="(item, index) in columns" />
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [...],
    };
  },
  mounted() {
    const tableRef = this.$refs.table;
    const columnRefs = tableRef.$refs.columns; // 获取所有列的引用

    let count = 0;
    for (let i = 0; i < columnRefs.length; i++) {
      if (typeof columnRefs[i] === 'object' && columnRefs[i].$el !== undefined && columnRefs[i].$el.hasAttribute('ref')) {
        count++;
      }
    }

    console.log(`有 ${count} 个 el-table-column 具有 ref 属性.`);
  },
}
</script>

在这个例子中，我们在`mounted`生命周期钩子里遍历了所有列的引用，并检查它们是否为对象并且拥有`$el`属性（这是元素节点），然后判断该节点是否有`ref`属性。