hyoseung/coupon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: FID 입력창 자동 포커스 추가 - Ctrl+V 붙여넣기 동작

Browse Source
This commit is contained in:
hyoseung930 2026-05-19 17:34:36 +09:00
parent b160ec3948
commit 765868079d
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/views/HomeView.vue
View File

@ -35,6 +35,7 @@
<div class="card"> <div class="card">
<div class="search-row"> <div class="search-row">
<input <input
ref="fidInputRef"
v-model="fidInput" v-model="fidInput"
type="text" type="text"
placeholder="FID (플레이어 ID) 입력" placeholder="FID (플레이어 ID) 입력"
@ -66,7 +67,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from 'vue'; import { ref, computed, onMounted, nextTick } from 'vue';
import { useWosStore } from '../stores/wos.store'; import { useWosStore } from '../stores/wos.store';
import UserCard from '../components/UserCard.vue'; import UserCard from '../components/UserCard.vue';
import CouponInput from '../components/CouponInput.vue'; import CouponInput from '../components/CouponInput.vue';
@ -74,6 +75,7 @@ import CouponManager from '../components/CouponManager.vue';
const store = useWosStore(); const store = useWosStore();
const fidInput = ref(''); const fidInput = ref('');
const fidInputRef = ref<HTMLInputElement | null>(null);
const userSearchQuery = ref(''); const userSearchQuery = ref('');
const filteredUsers = computed(() => { const filteredUsers = computed(() => {
@ -93,6 +95,8 @@ onMounted(async () => {
await store.searchPlayer(savedFid); await store.searchPlayer(savedFid);
store.loadSavedUsers(); store.loadSavedUsers();
} }
await nextTick();
fidInputRef.value?.focus();
}); });
async function searchPlayer() { async function searchPlayer() {
@ -101,6 +105,8 @@ async function searchPlayer() {
localStorage.setItem('wos_fid', fid); localStorage.setItem('wos_fid', fid);
await store.searchPlayer(fid); await store.searchPlayer(fid);
store.loadSavedUsers(); store.loadSavedUsers();
await nextTick();
fidInputRef.value?.focus();
} }
async function selectUser(fid: string) { async function selectUser(fid: string) {
@ -108,6 +114,8 @@ async function selectUser(fid: string) {
localStorage.setItem('wos_fid', fid); localStorage.setItem('wos_fid', fid);
await store.searchPlayer(fid); await store.searchPlayer(fid);
store.loadSavedUsers(); store.loadSavedUsers();
await nextTick();
fidInputRef.value?.focus();
} }
function onImgErr(e: Event) { function onImgErr(e: Event) {