问题
在项目中切换标签页时,vxe-table不能自适应页面宽度,设置了最小宽度就只能安最小宽度显示表格,不能自适应显示
解决方法1
1、vxe-table中添加属性::auto-resize="true"
就可以自动重新计算表格,默认是关闭的
<vxe-table
auto-resize
...
></vxe-table>
解决方法2
2、使用手动调用 recalculate 方法去重新计算表格
使用了keep-alive时,调用 recalculate 方法更新样式:
export default {
// ...
activated () {
// 在 keep-alive 钩子函数中,显示之后手动调用
this.$nextTick({
this.$refs.xTable.recalculate()
})
},
// ...
}
解决前:
解决后: