github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-23 09:40:25 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: Clear the input box when closing the search (#4467)

Browse Source 
Signed-off-by: aonoa <1991849113@qq.com>
This commit is contained in:
aonoa 2024-09-22 20:38:01 +08:00 committed by GitHub
parent 31f6cc6416
commit 4b3d2d21ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/effects/layouts/src/widgets/global-search/global-search.vue
View File

@ -30,16 +30,21 @@ const props = withDefaults(
}, },
); );
const keyword = ref('');
const searchInputRef = ref<HTMLInputElement>();
const [Modal, modalApi] = useVbenModal({ const [Modal, modalApi] = useVbenModal({
onCancel() { onCancel() {
modalApi.close(); modalApi.close();
}, },
onOpenChange(isOpen: boolean) {
if (!isOpen) {
keyword.value = '';
}
},
}); });
const open = modalApi.useStore((state) => state.isOpen); const open = modalApi.useStore((state) => state.isOpen);
const keyword = ref('');
const searchInputRef = ref<HTMLInputElement>();
function handleClose() { function handleClose() {
modalApi.close(); modalApi.close();
keyword.value = ''; keyword.value = '';