强制刷新子组件上的VueTable2

<template>
  <div>
    <VueTable2 :key="tableKey" :data="tableData"></VueTable2>
    <button @click="refreshTable">刷新表格</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableKey: 0, // 初始key值
      tableData: [] // 表格数据
    };
  },
  methods: {
    refreshTable() {
      this.tableKey++; // 修改key值
    }
  }
};
</script>

<template>
  <div>
    <VueTable2 ref="table" :data="tableData"></VueTable2>
    <button @click="refreshTable">刷新表格</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [] // 表格数据
    };
  },
  methods: {
    refreshTable() {
      this.$refs.table.$forceUpdate(); // 调用$forceUpdate方法
    }
  }
};
</script>