elment-ui的el-menu當采用遞歸方式生成導航欄的子菜單時,菜單可以正常生成,但是當鼠標hover時,會出現循環調用某個(mouseenter)事件,導致最后報錯 Maximum call stack size exceeded.


1.給el-submenu添加一個屬性: popper-append-to-body:true

    將二級子菜單插入至body,這樣做之后需要根據需要添加一些樣式

 

2.給組件最外圍添加一個div(暫時使用第一個解決方式沒有作用,可能是因為elment-ui版本問題)

這是第一個的嘗試,能夠使子菜單大致正常使用,但是包裹之后,又需要給div添加display:inline-block,否則樣式走樣嚴重,並且這樣使用,會出現一級菜單排列順序異常的問題,當然可以用一些方法處理,比如通過某個值強制確定位置,但是個人認為沒必要搞那么麻煩,所以推薦第一種處理方式。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM