fix(runtime-dom): prevent unnecessary updates in v-model checkbox whe…

…n value is unchanged
vuejs · Oct 11, 2024 · cd9d697 · cd9d697
1 parent 35785f3
commit cd9d697
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/runtime-dom/src/directives/vModel.ts b/packages/runtime-dom/src/directives/vModel.ts
@@ -160,7 +160,7 @@ export const vModelCheckbox: ModelDirective<HTMLInputElement> = {
 
 function setChecked(
   el: HTMLInputElement,
-  { value }: DirectiveBinding,
+  { value, oldValue }: DirectiveBinding,
   vnode: VNode,
 ) {
   // store the v-model value on the element so it can be accessed by the
@@ -173,7 +173,10 @@ function setChecked(
   } else if (isSet(value)) {
     checked = value.has(vnode.props!.value)
   } else {
-    checked = looseEqual(value, getCheckboxValue(el, true))
+    checked =
+      value === oldValue
+        ? el.checked
+        : looseEqual(value, getCheckboxValue(el, true))
   }
 
   // Only update if the checked state has changed