root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(compiler-ssr): fix v-html SSR for nullish values 

close #10725
This commit is contained in:
Evan You 2024-04-18 12:49:56 +08:00
parent cde7f05787
commit 1ff407676f
No known key found for this signature in database
GPG Key ID: B9D421896CA450FB
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/compiler-ssr/__tests__/ssrElement.spec.ts
View File

@ -25,7 +25,7 @@ describe('ssr: element', () => {
test('v-html', () => { test('v-html', () => {
expect(getCompiledString(`<div v-html="foo"/>`)).toMatchInlineSnapshot(` expect(getCompiledString(`<div v-html="foo"/>`)).toMatchInlineSnapshot(`
"\`<div>\${ "\`<div>\${
_ctx.foo (_ctx.foo) ?? ''
}</div>\`" }</div>\`"
`) `)
}) })

6
packages/compiler-ssr/src/transforms/ssrTransformElement.ts
View File

@ -22,6 +22,7 @@ import {
createAssignmentExpression, createAssignmentExpression,
createCallExpression, createCallExpression,
createCompilerError, createCompilerError,
createCompoundExpression,
createConditionalExpression, createConditionalExpression,
createInterpolation, createInterpolation,
createSequenceExpression, createSequenceExpression,
@ -188,7 +189,10 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
// special cases with children override // special cases with children override
if (prop.type === NodeTypes.DIRECTIVE) { if (prop.type === NodeTypes.DIRECTIVE) {
if (prop.name === 'html' && prop.exp) { if (prop.name === 'html' && prop.exp) {
rawChildrenMap.set(node, prop.exp) rawChildrenMap.set(
node,
createCompoundExpression([`(`, prop.exp, `) ?? ''`]),
)
} else if (prop.name === 'text' && prop.exp) { } else if (prop.name === 'text' && prop.exp) {
node.children = [createInterpolation(prop.exp, prop.loc)] node.children = [createInterpolation(prop.exp, prop.loc)]
} else if (prop.name === 'slot') { } else if (prop.name === 'slot') {