fix(hydration): handle camel-case tag name when performing match assertion (#3247)

fix #3243
2021-03-26 23:59:50 +08:00
parent 420c8f4580
commit 9036f88d83
2 changed files with 11 additions and 1 deletions
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -158,7 +158,8 @@ export function createHydrationFunctions(
        if (shapeFlag & ShapeFlags.ELEMENT) {
          if (
            domType !== DOMNodeTypes.ELEMENT ||
-            vnode.type !== (node as Element).tagName.toLowerCase()
+            (vnode.type as string).toLowerCase() !==
+              (node as Element).tagName.toLowerCase()
          ) {
            nextNode = onMismatch()
          } else {