improve NumberPicker (close #115)

userXinos · Jun 27, 2024 · 121cabd · 121cabd
1 parent 2e467c9
commit 121cabd
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/NumberPicker.vue b/src/components/NumberPicker.vue
@@ -6,6 +6,7 @@
  />
  <div class="input-wrap">
  <input
+ ref="inputRef"
  type="text"
  :value="value"
  @change="checkAndSend(parseInt($event.target.value))"
@@ -19,13 +20,21 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted, ref } from 'vue';
+
 export interface Props {
  value: number,
  min: number,
  max: number,
 }
 const props = defineProps<Props>();
 const emit = defineEmits(['update:value']);
+const inputRef = ref<HTMLInputElement>();
+
+onMounted(() => {
+ inputRef.value.focus();
+ inputRef.value.select();
+});
 
 function checkAndSend(num: number) {
  if (num < props.min) {