feature: keypress of search bar
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div id="search_bar_container" class="flex w-[280px] h-8 px-4 items-center border-[#64748B] border-[1px] rounded-full
|
||||
justify-between">
|
||||
<input id="input_search" class="w-full outline-0" :placeholder="i18next.t('AcctMgmt.Search')"
|
||||
v-model="inputQuery"
|
||||
v-model="inputQuery" @keypress="handleKeyPressOfSearch"
|
||||
/>
|
||||
<img src="@/assets/icon-search.svg" class="w-[17px] h-[17px] flex cursor-pointer" @click="onSearchClick"/>
|
||||
</div>
|
||||
@@ -20,9 +20,16 @@ export default {
|
||||
emit('on-search-account-button-click', inputQuery.value);
|
||||
};
|
||||
|
||||
const handleKeyPressOfSearch = (event) => {
|
||||
if (event.key === 'Enter') {
|
||||
emit('on-search-account-button-click', inputQuery.value);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
inputQuery,
|
||||
onSearchClick,
|
||||
handleKeyPressOfSearch,
|
||||
i18next,
|
||||
};
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user