Kaynağa Gözat

fix(menu-edit): 修复上级菜单选择器搜索框未清空问题

当下拉框显示时清空搜索输入框,避免残留的搜索关键词影响菜单选择。
yusheng 1 gün önce
ebeveyn
işleme
8ca011bf97
1 değiştirilmiş dosya ile 11 ekleme ve 0 silme
  1. 11 0
      src/views/system/menu/components/menu-edit.vue

+ 11 - 0
src/views/system/menu/components/menu-edit.vue

@@ -26,6 +26,7 @@
               label-key="name"
               value-key="id"
               filterable
+              @visible-change="handleVisibleChange"
               default-expand-all
               placeholder="请选择上级菜单"
             />
@@ -256,6 +257,16 @@
           this.form.url = '/';
         }
       },
+      handleVisibleChange(visible) {
+        if (visible) {
+          const input = document.querySelector('.ele-tree-select-search .el-input__inner');
+          if (input) {
+            input.value = '';
+            // 触发input事件,让组件内部状态同步
+            input.dispatchEvent(new Event('input'));
+          }
+        }
+      },
       /* 保存编辑 */
       save() {
         this.$refs.form.validate((valid) => {