vue view-design table columns 循环调用只加载一次

对于Vue中使用View-Design的table组件，希望实现columns只加载一次的需求，可以考虑以下解决方案：

1. 在组件的data选项中预先定义好columns属性，避免在获取数据后动态设置columns导致的重复加载。

2. 在组件的created钩子函数中获取数据，并在获取到数据后设置table组件的columns属性，避免在mounted钩子函数中重复获取数据并导致columns的重复加载。

3. 如果数据是异步加载的，可以将获取数据的方法放在组件的created钩子函数中，并使用一个布尔值变量控制columns是否已经加载过。例如：

export default {
  data() {
    return {
      columns: [], // 预先定义好columns属性
      hasLoadedColumns: false // 布尔值变量控制columns是否已经加载过
    };
  },
  created() {
    // 异步获取数据
    fetchData().then(data => {
      // 设置columns属性
      this.columns = generateColumns(data);
      // 标记columns已经加载过
      this.hasLoadedColumns = true;
    });
  }
};

在模板中可以使用v-if指令判断是否已经加载过columns：

<template>
  <div>
    <a-button type="primary" v-if="hasLoadedColumns">按钮</a-button>
    <a-table :columns="columns" :data="tableData" v-if="hasLoadedColumns"></a-table>
  </div>
</template>

希望以上方案能够帮助您解决问题。