element使用table样式混乱问题解决方案(doLayout)

642 阅读1分钟

在使用element-uitable表格时,有时候数据请求回来渲染完会出现数据错乱

解决办法

理论上在数据请求回来重新渲染一下表格就可以了,正好element文档也提供了这个方法。

屏幕截图 2021-12-13 171954.png

实际很简单,可以在updated()生命周期中使用this.$refs['tables'].doLayout()就可以了

屏幕截图 2021-12-13 172731.png

屏幕截图 2021-12-13 172955.png

不过还有其它方法,也可以在请求数据接口调用成功后,在$nextTick里执行一下该方法就可以了。

屏幕截图 2021-12-13 173722.png