在使用element-ui的table表格时,有时候数据请求回来渲染完会出现以下情况。

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

实际操作如下,在请求数据接口调用成功后,在$nextTick里执行一下该方法就可以了。
<el-table ref='table'> </el-table>
axios.post('...')
.then(function (response) {
this.$nextTick(() => {
this.$refs.table.doLayout()
})
})
屡试不爽~
本文介绍如何解决Element-UI表格在数据加载后出现的布局问题。通过在axios请求成功后利用$nextTick和doLayout方法,可以有效刷新表格布局。
4624

被折叠的 条评论
为什么被折叠?



