vue使用luckysheet时，如何判断表格，图表数据渲染完成

在使用luckysheet时，可以通过以下两种方式来判断表格、图表数据是否渲染完成：

1. 使用luckysheet的事件监听器

Luckysheet提供了多个事件监听器，可以用来监听表格、图表的渲染状态。其中包括：

- loadeddata: 表格数据加载完成后触发
- sheetload: 表格渲染完成后触发
- chartload: 图表渲染完成后触发

可以在vue中通过以下方式来监听这些事件：

<template>
  <div>
    <div id="luckysheet" @loadeddata="onLoadedData" @sheetload="onSheetLoad"></div>
  </div>
</template>

<script>
import Luckysheet from 'luckysheet'

export default {
  name: 'MyComponent',
  methods: {
    onLoadedData() {
      // 表格数据加载完成后的处理逻辑
    },
    onSheetLoad() {
      // 表格渲染完成后的处理逻辑
    }
  },
  mounted() {
    Luckysheet.create({
      container: 'luckysheet',
      // 其他配置项
    })
  }
}
</script>

2. 使用Vue的nextTick方法

Vue提供了nextTick方法，可以在下次DOM更新循环结束之后执行回调函数。因此，可以在渲染完表格后，使用nextTick方法来判断表格、图表的渲染状态。

<template>
  <div>
    <div id="luckysheet"></div>
  </div>
</template>

<script>
import Luckysheet from 'luckysheet'

export default {
  name: 'MyComponent',
  methods: {
    checkRenderStatus() {
      // 使用nextTick方法在下次DOM更新循环结束后执行回调函数
      this.$nextTick(() => {
        // 判断表格、图表的渲染状态
        if (Luckysheet.sheetmanage.getSheetByIndex(0).load) {
          console.log('表格渲染完成')
        }
        if (Luckysheet.sheetmanage.getSheetByIndex(0).chart.length > 0) {
          console.log('图表渲染完成')
        }
      })
    }
  },
  mounted() {
    Luckysheet.create({
      container: 'luckysheet',
      // 其他配置项
    })
    this.checkRenderStatus()
  }
}
</script>

以上两种方法均可以用来判断表格、图表数据的渲染状态。具体使用哪种方法，可以根据实际情况来选择。