Merge pull request #42 from lu-shuo/fix-duplicating-input

fix: duplicate value when input from right and using 'v-model'
ejirocodes · Feb 29, 2024 · 957d182 · 957d182
2 parents 163eb39 + bf6459e
commit 957d182
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/vue3-otp-input.vue b/src/components/vue3-otp-input.vue
@@ -84,8 +84,11 @@ export default /* #__PURE__ */ defineComponent({
     watch(
       () => props.value,
       (val) => {
-        const fill = unref(val).split("");
-        otp.value = fill;
+        // fix issue: https://github.com/ejirocodes/vue3-otp-input/issues/34
+        if (val.length === props.numInputs || otp.value.length === 0) {
+          const fill = unref(val).split('')
+          otp.value = fill
+        }
       },
       { immediate: true }
     );