解决vue表格列错位问题
使用v-if切换tab选项卡的时候,子内容表格的列可能会出现错位问题,官方给出的解决办法是使用doLayout方法,在这里总结了两种方法:1.使用doLayout()<el-table :data="table" ref="table" >oLayout方法进行强制重新渲染this.$nextTick(() => {this.$refs.table.doLayout()})2.给
·
在切换菜单后,或者使用v-if切换tab选项卡的时候,子内容表格的列可能会出现错位问题,官方给出的解决办法是使用doLayout方法,在这里总结了两种方法:
方法1.使用doLayout()
<el-table :data="table" ref="table" >
doLayout方法进行强制重新渲染
this.$nextTick(() => {
this.$refs.table.doLayout()
})
方法2.给表格的每个列添加一个key值
<el-table-column
prop="nick"
label="用户昵称"
align="left"
:key="Math.random()"
>
</el-table-column>
更多推荐
已为社区贡献3条内容
所有评论(0)