github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-15 21:32:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 搜索消息时按esc取消搜索

Browse Source
This commit is contained in:
kuaifan 2023-12-08 21:13:58 +08:00
parent b7fc815d58
commit 8215e73a95
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/pages/manage/messenger.vue
View File

@ -5,7 +5,13 @@
<div class="messenger-select"> <div class="messenger-select">
<div class="messenger-search"> <div class="messenger-search">
<div class="search-wrapper"> <div class="search-wrapper">
<Input v-if="tabActive==='dialog'" v-model="dialogSearchKey" :placeholder="$L(loadDialogs ? '更新中...' : '搜索消息')" clearable > <Input
v-if="tabActive==='dialog'"
v-model="dialogSearchKey"
ref="searchInput"
:placeholder="$L(loadDialogs ? '更新中...' : '搜索消息')"
@on-keydown="onKeydown"
clearable>
<div class="search-pre" slot="prefix"> <div class="search-pre" slot="prefix">
<Loading v-if="loadDialogs || dialogSearchLoad > 0"/> <Loading v-if="loadDialogs || dialogSearchLoad > 0"/>
<Icon v-else type="ios-search" /> <Icon v-else type="ios-search" />
@ -565,6 +571,12 @@ export default {
return scrollInfo.scrollE return scrollInfo.scrollE
}, },
onKeydown(e) {
if (e.key === "Escape") {
this.$refs.searchInput.handleClear()
}
},
onActive(type) { onActive(type) {
if (type === null) { if (type === null) {
if (this.tabActive !== 'dialog') { if (this.tabActive !== 'dialog') {