element-ui使用el-menu垂直選單導航欄折疊后hover滑鼠經過時會報“Maximum call stack size exceeded”錯誤的解決方案
側邊導航欄收起時，滑鼠經過會報錯“Maximum call stack size exceeded”，讓我感到十分的疑惑，看了網上很多資料，包括升級了element-ui版本和熱更新沖突等都沒得到解決，
這種情況只有在有二級選單的情況下，滑鼠移動會回圈報錯，而一級選單經過時則不會，接下來讓我來給大家避避坑吧！
困擾了我兩天終于得到啦解決，不過這種方法收搜的時候有一點點卡頓，收縮影片跟文字不同步，要是有更好的辦法可以提出來呀~
嘗試辦法一：新建一個新分支，把element ui @2.13.0版本升級為@2.13.2，然后在<el-submenu>加:popper-append-to-body="true"；嘗試后發現還是會報錯，
嘗試方法二：在<el-submenu>最外層加個<div>包住整個子組件！結果成功啦！！讓我們一起往下看吧~
頁面上結構：把<el-submenu>封裝成了子組件，左邊是父組件，右邊是子組件，
此時還沒結束，此時收縮后，報錯是已經沒有了，但是收縮的文字還在！需要繼續用CSS處理一下，
處理方法就是在子組件（抓重點！也就是放置<el-submenu>的頁面，放在父組件是實作不了的）加個一級文字隱藏和二級文字和箭頭隱藏就好啦，利用收縮時collapse來實作，看圖啦~
這樣子就可以解決報錯啦~
大家可以參考一下，具體的位置更改還需根據個人專案而定，
不過有點卡頓的現象出現，目前還沒有更好的辦法解決，有解決辦法的碼農可以評論區討論一下噢！
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/253507.html
標籤：其他
上一篇：AndroidStudio定時器AlarmManager在真機測驗失效？求助！求解！
下一篇：AAPT2 aapt2-3.5.2-5435860-windows Daemon #0: Daemon startup failed