diff --git a/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts b/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
index 079928a5a8b..668391c9185 100644
--- a/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
+++ b/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
@@ -503,38 +503,40 @@ describe('api: template refs', () => {
return { listRefs }
},
render() {
- return h(
- 'div',
- null,
- [
- h('div',null,String(listRefs.value)),
- h(
- 'ul',
- list.value.map(i =>
- h(
- 'li',
- {
- ref: 'listRefs',
- ref_for: true
- },
- i
- )
- )
- )
- ]
+ return h('div', null, [
+ h('div', null, String(listRefs.value)),
+ h(
+ 'ul',
+ list.value.map(i =>
+ h(
+ 'li',
+ {
+ ref: 'listRefs',
+ ref_for: true
+ },
+ i
+ )
)
+ )
+ ])
}
}
const root = nodeOps.createElement('div')
render(h(App), root)
await nextTick()
- expect(String(listRefs.value)).toBe('[object Object],[object Object],[object Object]')
- expect(serializeInner(root)).toBe('
[object Object],[object Object],[object Object]
')
+ expect(String(listRefs.value)).toBe(
+ '[object Object],[object Object],[object Object]'
+ )
+ expect(serializeInner(root)).toBe(
+ '[object Object],[object Object],[object Object]
'
+ )
- list.value.splice(0,1);
+ list.value.splice(0, 1)
await nextTick()
expect(String(listRefs.value)).toBe('[object Object],[object Object]')
- expect(serializeInner(root)).toBe('[object Object],[object Object]
')
+ expect(serializeInner(root)).toBe(
+ '[object Object],[object Object]
'
+ )
})
})
diff --git a/packages/runtime-core/src/rendererTemplateRef.ts b/packages/runtime-core/src/rendererTemplateRef.ts
index 63a111f8f15..443606b6312 100644
--- a/packages/runtime-core/src/rendererTemplateRef.ts
+++ b/packages/runtime-core/src/rendererTemplateRef.ts
@@ -12,7 +12,7 @@ import {
import { isAsyncWrapper } from './apiAsyncComponent'
import { getExposeProxy } from './component'
import { warn } from './warning'
-import {isRef, reactive} from '@vue/reactivity'
+import { isRef, reactive } from '@vue/reactivity'
import { callWithErrorHandling, ErrorCodes } from './errorHandling'
import { SchedulerJob } from './scheduler'
import { queuePostRenderEffect } from './renderer'
@@ -61,7 +61,8 @@ export function setRef(
return
}
const oldRef = oldRawRef && (oldRawRef as VNodeNormalizedRefAtom).r
- const refs = owner.refs === EMPTY_OBJ ? (owner.refs = reactive({})) : owner.refs
+ const refs =
+ owner.refs === EMPTY_OBJ ? (owner.refs = reactive({})) : owner.refs
const setupState = owner.setupState
// dynamic ref changed. unset old ref