mirrors
/
vue3-core
mirror of https://mirror.osredm.com/root/vue3-core.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(runtime-dom): handle undefined values in v-html (#11403)

This commit is contained in:
Tycho 2024-07-19 16:52:03 +08:00 committed by GitHub
parent c7f5c70eba
commit 5df67e3675
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/runtime-dom/__tests__/patchProps.spec.ts
View File

@ -152,6 +152,12 @@ describe('runtime-dom: props patching', () => {
expect(root.innerHTML).toBe(`<div><del>baz</del></div>`) expect(root.innerHTML).toBe(`<div><del>baz</del></div>`)
}) })
test('patch innerHTML porp w/ undefined value', async () => {
const root = document.createElement('div')
render(h('div', { innerHTML: undefined }), root)
expect(root.innerHTML).toBe(`<div></div>`)
})
test('textContent unmount prev children', () => { test('textContent unmount prev children', () => {
const fn = vi.fn() const fn = vi.fn()
const comp = { const comp = {

2
packages/runtime-dom/src/modules/props.ts
View File

@ -15,7 +15,7 @@ export function patchDOMProp(
if (key === 'innerHTML' || key === 'textContent') { if (key === 'innerHTML' || key === 'textContent') {
// null value case is handled in renderer patchElement before patching // null value case is handled in renderer patchElement before patching
// children // children
if (value === null) return if (value == null) return
el[key] = value el[key] = value
return return
} }