Element的Dropdown下拉菜單點擊不同選項控制菜單欄的顯示或隱藏


官網上,通過設置hide-on-click來控制點擊菜單項后隱藏菜單,布爾類型,默認true

 

 

 當想用Dropdown做二級菜單時,可以在el-dropdown-item里加一個下拉菜單,例如如下效果圖:  

                               

點擊更多,展示一級菜單,菜單1有二級菜單,其它菜單項無二級;此時要求點擊有二級菜單的菜單項后,菜單欄顯示,點擊無二級菜單即只有一級菜單的菜單項后,菜單欄隱藏。

下拉菜單設置hide-on-click默認false,那么可通過切換菜單項控制hide-on-click的屬性嗎?

經過試驗,此方法不行,hide-on-click為true時再點擊才能隱藏。

再想:通過觀察發現菜單欄顯示隱藏是通過設置v-show,那么我們可以能通過修改v-show的變量控制顯示隱藏嗎?

 

 

 

 

 

 

 

 

 

 

官網上,通過設置hide-on-click來控制點擊菜單項后隱藏菜單,布爾類型,默認true

 

 

 當想用Dropdown做二級菜單時,可以在el-dropdown-item里加一個下拉菜單,例如如下效果圖:  

                               

點擊更多,展示一級菜單,菜單1有二級菜單,其它菜單項無二級;此時要求點擊有二級菜單的菜單項后,菜單欄顯示,點擊無二級菜單即只有一級菜單的菜單項后,菜單欄隱藏。

下拉菜單設置hide-on-click默認false,那么可通過切換菜單項控制hide-on-click的屬性嗎?

經過試驗,此方法不行,hide-on-click為true時再點擊才能隱藏。

再想:通過觀察發現菜單欄顯示隱藏是通過設置v-show,那么我們可以能通過修改v-show的變量控制顯示隱藏嗎?

 

 

 

 

 

經操作,找到showPopper屬性,修改true或false,即可以

 


免責聲明!

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



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