解决vue-element-admin标签页切换时,table表格规定列错位
vue element admin问题
⼀、问题现象:
⾸次加载固定列正常
切换标签页到另外⼀个再切换回来,问题出现
⼆、问题出现的原因分析:
标签页路由设置为了缓存,Chace = false, 在切换标签页时,路由为懒惰加载形式,导致页⾯组件被缓存,因⾼度为动态计算获取,从⽽出现固定列错位
三、解决⽅法:
在需要表格重载的vue⽂件加上vue⽣命周期函数 activated 执⾏表格重载即可
activated () {
this.$nextTick(() => {
this.$refs.tableRef.doLayout()
})
},
如果需要重新加载请求数据,同样在 activated 函数内,直接添加获取表格数据⽅法,重新加载获取数据
因接触vue时间不长,如果有其他好的解决⽅案的⼤佬们,欢迎评论告知,谢谢您的阅读!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论