fix: fix guardReactiveProps in v-bind case

vuejs · Aug 23, 2024 · 5f988c2 · 5f988c2 · runlong-yao · Aug 23, 2024
1 parent 9de1d10
commit 5f988c2
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/packages/runtime-core/src/vnode.ts b/packages/runtime-core/src/vnode.ts
@@ -642,11 +642,25 @@ function _createVNode(
   )
 }
 
+function generateProps(props: Data & VNodeProps) {
+  const target: Data & VNodeProps = {}
+  for (const key in props) {
+    if (isProxy(props[key])) {
+      target[key] = extend({}, props[key])
+    } else {
+      target[key] = props[key]
+    }
+  }
+  return target
+}
+
 export function guardReactiveProps(
   props: (Data & VNodeProps) | null,
 ): (Data & VNodeProps) | null {
   if (!props) return null
-  return isProxy(props) || isInternalObject(props) ? extend({}, props) : props
+  return isProxy(props) || isInternalObject(props)
+    ? extend({}, generateProps(props))
+    : props
 }
 
 export function cloneVNode<T, U>(