vxe-table loadColumn怎么用

vxe-table 是一个基于 Vue.js 的表格组件库，而 loadColumn 是其中的一个方法，用于动态加载列数据。

要使用 loadColumn 方法，首先需要确保已经安装了 vxe-table 组件库，并在 Vue 组件中导入和注册了 vxe-table 相关的组件。

然后，在需要使用 loadColumn 方法的地方，可以通过以下方式调用：

this.$refs.table.loadColumn(columns)

其中，this.$refs.table 代表对表格组件的引用，可以根据实际情况修改。columns 是一个数组，包含要加载的列数据配置项。

具体来说，columns 数组中的每一项应该是一个对象，描述了要加载的列的各种属性。常见的属性包括 title（列标题）、field（字段名）、width（列宽度）等。可以根据实际需求添加更多属性。

例如，可以这样定义一个包含两列的 columns 数组：

const columns = [
  { title: '姓名', field: 'name', width: 100 },
  { title: '年龄', field: 'age', width: 100 }
];

然后，通过调用 loadColumn 方法来加载这些列数据：

this.$refs.table.loadColumn(columns);

这样，就可以动态加载指定的列数据到 vxe-table 表格中了。

请注意，在调用 loadColumn 方法之前，需要确保表格已经渲染完毕，即需要等到表格组件的 mounted 钩子函数执行完成后再调用 loadColumn 方法才能生效。