fix(runtime-core): add patchFlag to element containing ref attributes

Author: Alfred-Skyblue

packages/compiler-core/__tests__/transforms/transformElement.spec.ts

@@ -991,6 +991,14 @@ describe('compiler: element transform', () => {
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.NEED_PATCH))
     })
 
+    // #9239
+    test('NEED_PATCH (vfor ref)', () => {
+      const { node } = parseWithBind(
+        `<div v-for="item in 3" :key="3" ref="foo" />`
+      )
+      expect(node.patchFlag).toBe(genFlagText(PatchFlags.NEED_PATCH))
+    })
+
     test('NEED_PATCH (custom directives)', () => {
       const { node } = parseWithBind(`<div v-foo />`)
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.NEED_PATCH))

packages/compiler-core/src/transforms/transformElement.ts

@@ -747,7 +747,7 @@ export function buildProps(
     }
   }
   if (
-    !shouldUseBlock &&
+    !(shouldUseBlock && !hasRef) &&
     (patchFlag === 0 || patchFlag === PatchFlags.HYDRATE_EVENTS) &&
     (hasRef || hasVnodeHook || runtimeDirectives.length > 0)
   ) {