開發時由于列表數據項過多需要固定操作列，于是在操作列上加了fixed=“right”。
一開始沒什么問題，但是在切換菜單時出現了錯位現象

后來找到問題，由于vue element-admin 默認是啟用路由緩存的，但是element的固定列是動態計算高度的，當你第一次進入頁面時并沒有問題因為element已經計算好了高度，但是由于切換菜單后緩存的問題第二次進入是沒有計算的，這就導致了錯位現象。
百度的話很多解決方式，大多都是讓你獲取數據時doLayout，但是我這個問題并沒有獲取數據。是由于keep-alive導致的。
所以再查了官方文檔后得到的解決方案是，配合actived函數使用。
首先在表格上加上ref="table"屬性
然后在activated中加入this.$refs.table.doLayout()

mounted: function() {.....},...activated() {this.$refs.table.doLayout()},....beforeDestroy: function() {},

總結

以上是生活随笔為你收集整理的vue element 表格使用fixed固定列后切换菜单时错位问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。