解决element中table在页面切换时候表格底部出现空白

activated(){
this.$refs.table.doLayout()
}

activated()是Vue中一个很重要的生命周期函数，它是在组件大概率会被复用时调用的。当组件被复用时，原来的组件的数据和状态必须得到保留。activated()函数能够保持组件在别处被活化时的状态数据。

activated()函数只有在keep-alive组件中才会被调用。keep-alive是Vue中的一个抽象组件，可以使被包含的组件缓存到内存中，这样可以避免通过销毁和创建新组件的方式，提高应用性能。

activated()函数被调用时，组件实例已经存在了。在activated()中，可以在需要时进行一些异步操作，例如请求异步数据。因为在这些方法中，组件的样式已经被渲染了，所有异步请求的数据也可以直接渲染到组件上。

activated()函数和created()函数的区别在于，activated()函数是在组件被复用时调用的，而created()函数是在组件实例被创建时立即调用的。

参考：vue中的activated() - 老白网络