fix(compiler-dom): stringifyStatic should remove attribute bindings with null value (#3477)

fix #3475
This commit is contained in:
GU Yiling 2021-03-26 04:14:06 +08:00 committed by GitHub
parent 7cf143dd4f
commit ca6aa01181
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 8 deletions

View File

@ -294,4 +294,26 @@ describe('stringify static html', () => {
})
})
})
test('should remove attribute for `null`', () => {
const { ast } = compileWithStringify(
`<div>${repeat(
`<span :title="null"></span>`,
StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
)}</div>`
)
expect(ast.hoists[0]).toMatchObject({
type: NodeTypes.JS_CALL_EXPRESSION,
callee: CREATE_STATIC,
arguments: [
JSON.stringify(
`${repeat(
`<span></span>`,
StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
)}`
),
'5'
]
})
})
})

View File

@ -264,6 +264,7 @@ function stringifyElement(
} else if (p.type === NodeTypes.DIRECTIVE && p.name === 'bind') {
// constant v-bind, e.g. :foo="1"
let evaluated = evaluateConstant(p.exp as SimpleExpressionNode)
if (evaluated != null) {
const arg = p.arg && (p.arg as SimpleExpressionNode).content
if (arg === 'class') {
evaluated = normalizeClass(evaluated)
@ -275,6 +276,7 @@ function stringifyElement(
)}"`
}
}
}
if (context.scopeId) {
res += ` ${context.scopeId}`
}