<HotTable ref="ht" :settings="hotSettings" licenseKey="xxxxxx"></HotTable>

小编目前找到一共有三种方案

1. this.$refs.ht.hotInstance.clear()
2. this.$refs.ht.hotInstance.updateSettings({ data: null })
3. this.$refs.ht.hotInstance.loadData(null)

---

1、this.$refs.ht.hotInstance.clear()

点评：框架自带方法，但是很奇怪的是每次清空完总是触发校验机制，如果有判空校验就会发现一片红海，影响用户体验。

 

2、this.$refs.ht.hotInstance.updateSettings({ data: null })

点评：通过 data 为 null，配合框架自带方法 updateSettings 重新渲染下，但也很奇怪的是滚动条的样式会发生一些变化，影响用户体验。

 

3、this.$refs.ht.hotInstance.loadData(null) （推荐）

点评：通过 data 为 null，配合框架自带方法 loadData 重新渲染下，这个一切正常，没有其他什么问题。