supernets/hardlounge
supernets/hardlounge
5
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Keep search term in search input after commiting

Browse Source
This commit is contained in:
Nachtalb 2021-04-13 00:11:43 +02:00
parent e36ae64c83
commit 544594a7ad
No known key found for this signature in database
GPG Key ID: E48DF13C07055D92
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/MessageSearchForm.vue
View File

@ -3,11 +3,11 @@
<div class="input-wrapper"> <div class="input-wrapper">
<input <input
ref="searchInputField" ref="searchInputField"
v-model="searchInput"
type="text" type="text"
name="search" name="search"
class="input" class="input"
placeholder="Search messages…" placeholder="Search messages…"
@input="setSearchInput"
@blur="closeSearch" @blur="closeSearch"
/> />
</div> </div>
@ -97,10 +97,15 @@ export default {
searchInput: "", searchInput: "",
}; };
}, },
methods: { watch: {
setSearchInput(event) { "$route.query.q"() {
this.searchInput = event.target.value; this.searchInput = this.$route.query.q;
}, },
},
mounted() {
this.searchInput = this.$route.query.q;
},
methods: {
closeSearch() { closeSearch() {
this.searchOpened = false; this.searchOpened = false;
}, },