fix(runtime-dom): fix an update error when the style changed from str…

…ing to object
vuejs · Feb 5, 2022 · ea98cfe · ea98cfe
1 parent 60cf175
commit ea98cfe
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/packages/runtime-dom/src/modules/style.ts b/packages/runtime-dom/src/modules/style.ts
@@ -7,16 +7,20 @@ export function patchStyle(el: Element, prev: Style, next: Style) {
   const style = (el as HTMLElement).style
   const isCssString = isString(next)
   if (next && !isCssString) {
-    for (const key in next) {
-      setStyle(style, key, next[key])
-    }
-    if (prev && !isString(prev)) {
-      for (const key in prev) {
-        if (next[key] == null) {
-          setStyle(style, key, '')
+    if (prev) {
+      if (isString(prev)) {
+        style.cssText = ''
+      } else {
+        for (const key in prev) {
+          if (next[key] == null) {
+            setStyle(style, key, '');
+          }
         }
       }
     }
+    for (const key in next) {
+      setStyle(style, key, next[key])
+    }
   } else {
     const currentDisplay = style.display
     if (isCssString) {