kompetenzinventar/ki-frontend
7
4
Fork 7
Code Issues Pull Requests 6 Packages Projects Releases 1 Wiki Activity

implement seach view autofocus #41

Browse Source
This commit is contained in:
weeman 2021-09-24 17:45:11 +02:00
parent 7c8a1bb423
commit c1d78fa8c1
Signed by: weeman
GPG Key ID: 34F0524D4DA694A1
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Search.vue
View File

@ -100,9 +100,9 @@ export default {
}, },
watch: { watch: {
searching(value) { searching(value) {
if (value) { if (!value) {
if (this.$refs.searchTextInput) { if (this.$refs.searchTextInput) {
this.$refs.searchTextInput.focus() this.focusSearchText()
} }
} }
} }
@ -111,6 +111,11 @@ export default {
handleSubmit() { handleSubmit() {
this.$router.push({ query: { query: this.searchText }}) this.$router.push({ query: { query: this.searchText }})
this.$store.dispatch('search/search') this.$store.dispatch('search/search')
},
focusSearchText() {
this.$nextTick(() => {
this.$refs.searchTextInput.focus()
})
} }
}, },
created() { created() {