這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 前段時間，對部門的個別項目進行Vue3.0+ts框架的遷移，剛開始研究的時候也是踩坑特別多，尤其我們的項目還有些特殊的webpack配置，所以，研究vue.config.js的配置的時候也是查閱了各種資料文檔，最終，完成了項目webpac ...
elementui|dropdown|下拉菜單作為模態框使用
背景
- 場景：下拉菜單作為模態框使用：
- 操作：下拉菜單設置觸發條件點擊展示/隱藏：
trigger="click" - 目的：點擊取消關閉下拉框
遇到的問題
- 參考網路elementui下拉菜單不同選項支持點擊後是否隱藏菜單欄，
給el-dropdown-menu設置ref="dropdownRef"，通過this.$refs.dropdownRef.showPopper = false關閉；
this.$refs.dropdownMenuRef.showPopper = false;
- 按照上述操作，實際開發過程中，發現點擊打開下拉菜單的按鈕，點擊取消，確實關閉了
解決
1.看elementui源碼，發現dropdown按鈕所在組件中有屬性visible；
2.給el-dropdown添加屬性ref="dropdownRef"，置 visible 為 false；
3.給el-dropdown-menu添加屬性ref="dropdownMenuRef"，置 showPopper 為 false。
this.$refs.dropdownRef.visible = false;
this.$refs.dropdownMenuRef.showPopper = false;
參考鏈接
elementui下拉菜單不同選項支持點擊後是否隱藏菜單欄
Element的Dropdown下拉菜單點擊不同選項控制菜單欄的顯示或隱藏
