fix: correctly set the initial value from the v-model closes #3107

logaretm · Jan 5, 2021 · 4bed9a8 · 4bed9a8
1 parent cf43ce5
commit 4bed9a8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/packages/vee-validate/src/Field.ts b/packages/vee-validate/src/Field.ts
@@ -91,7 +91,7 @@ export const Field = defineComponent({
       // For checkboxes and radio buttons it will always be the model value not the `value` attribute
       initialValue: hasCheckedAttr(ctx.attrs.type)
         ? props.modelValue
-        : 'modelValue' in ctx.attrs
+        : 'modelValue' in props
         ? props.modelValue
         : ctx.attrs.value,
       // Only for checkboxes and radio buttons

diff --git a/packages/vee-validate/tests/Field.spec.ts b/packages/vee-validate/tests/Field.spec.ts
@@ -868,4 +868,25 @@ describe('<Field />', () => {
     await flushPromises();
     expect(model.value).toBe(false);
   });
+
+  // #3107
+  test('sets initial value with v-model', async () => {
+    const modelValue = 'allo';
+    const wrapper = mountWithHoc({
+      setup() {
+        const model = ref(modelValue);
+
+        return { model };
+      },
+      template: `
+      <div>
+        <Field name="whatever" v-model="model" />
+      </div>
+    `,
+    });
+
+    await flushPromises();
+    const input = wrapper.$el.querySelector('input');
+    expect(input.value).toBe(modelValue);
+  });
 });