fix(model): fix static input type being overwritten by v-bind object (v…

…uejs#7819) fix vuejs#7811
aJean · Aug 19, 2020 · 228d1ca · 228d1ca
1 parent 63f1b9b
commit 228d1ca
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/platforms/web/compiler/modules/model.js b/src/platforms/web/compiler/modules/model.js
@@ -34,7 +34,7 @@ function preTransformNode (el: ASTElement, options: CompilerOptions) {
     if (map[':type'] || map['v-bind:type']) {
       typeBinding = getBindingAttr(el, 'type')
     }
-    if (!typeBinding && map['v-bind']) {
+    if (!map.type && !typeBinding && map['v-bind']) {
       typeBinding = `(${map['v-bind']}).type`
     }
 

diff --git a/test/unit/features/directives/model-checkbox.spec.js b/test/unit/features/directives/model-checkbox.spec.js
@@ -337,4 +337,15 @@ describe('Directive v-model checkbox', () => {
       expect(vm.$el.children[1].textContent).toBe('false')
     }).then(done)
   })
+
+  // #7811
+  it('type should not be overwritten by v-bind', () => {
+    const vm = new Vue({
+      data: {
+        test: true
+      },
+      template: '<input type="checkbox" v-model="test" v-bind="$attrs">'
+    }).$mount()
+    expect(vm.$el.type).toBe('checkbox')
+  })
 })