fix(compiler-core): normalize v-bind:style with array literal value
fix #5106
This commit is contained in:
@@ -807,6 +807,37 @@ describe('compiler: element transform', () => {
|
||||
})
|
||||
})
|
||||
|
||||
test(':style with array literal', () => {
|
||||
const { node, root } = parseWithElementTransform(
|
||||
`<div :style="[{ color: 'red' }]" />`,
|
||||
{
|
||||
nodeTransforms: [transformExpression, transformStyle, transformElement],
|
||||
directiveTransforms: {
|
||||
bind: transformBind
|
||||
},
|
||||
prefixIdentifiers: true
|
||||
}
|
||||
)
|
||||
expect(root.helpers).toContain(NORMALIZE_STYLE)
|
||||
expect(node.props).toMatchObject({
|
||||
type: NodeTypes.JS_OBJECT_EXPRESSION,
|
||||
properties: [
|
||||
{
|
||||
type: NodeTypes.JS_PROPERTY,
|
||||
key: {
|
||||
type: NodeTypes.SIMPLE_EXPRESSION,
|
||||
content: `style`,
|
||||
isStatic: true
|
||||
},
|
||||
value: {
|
||||
type: NodeTypes.JS_CALL_EXPRESSION,
|
||||
callee: NORMALIZE_STYLE
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
})
|
||||
|
||||
test(`props merging: class`, () => {
|
||||
const { node, root } = parseWithElementTransform(
|
||||
`<div class="foo" :class="{ bar: isBar }" />`,
|
||||
|
||||
Reference in New Issue
Block a user