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下拉選單點擊不同選項控制選單欄的顯示或隱藏
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/540762.html
標籤：其他