fix 光标聚焦

This commit is contained in:
jxxghp
2023-09-22 13:49:00 +08:00
parent 321037477f
commit f5808c1c81
2 changed files with 14 additions and 2 deletions
+12
View File
@@ -20,6 +20,9 @@ const keyword = ref('')
// 加载中
const loading = ref(false)
// ref
const tmdbKeyword = ref<HTMLElement | null>(null)
// 选中条目
function selectMedia(item: TmdbItem) {
console.log(item)
@@ -68,6 +71,14 @@ async function searchMedias() {
console.error(e)
}
}
// 加载时聚焦搜索框
onMounted(() => {
// 500ms后聚焦
setTimeout(() => {
tmdbKeyword.value?.focus()
}, 500)
})
</script>
<template>
@@ -77,6 +88,7 @@ async function searchMedias() {
>
<VToolbar flat class="p-0">
<VTextField
ref="tmdbKeyword"
v-model="keyword"
label="输入名称搜索"
single-line
+2 -2
View File
@@ -412,9 +412,9 @@ const dropdownItems = ref([
<VTextField
v-model="redoTmdbId"
label="TMDB编号"
:rules="[requiredValidator, numberValidator]"
:rules="[numberValidator]"
append-inner-icon="mdi-magnify"
@click:append-inner="tmdbSelectorDialog = true"
@click:append-inner.stop="tmdbSelectorDialog = true"
/>
</VCol>
</VRow>