Vue/vue
1
0
Fork 0
mirror of https://github.com/vuejs/vue.git synced 2024-11-21 20:28:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(codegen): script setup should not attempt to resolve native elements as component

Browse Source 
fix #12674
This commit is contained in:
Evan You 2022-07-16 22:03:44 +08:00
parent 67760f8d30
commit e8d3a7d7a1
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/compiler/codegen/index.ts
View File

@ -95,14 +95,15 @@ export function genElement(el: ASTElement, state: CodegenState): string {
code = genComponent(el.component, el, state)
} else {
let data
if (!el.plain || (el.pre && state.maybeComponent(el))) {
const maybeComponent = state.maybeComponent(el)
if (!el.plain || (el.pre && maybeComponent)) {
data = genData(el, state)
}
let tag: string | undefined
// check if this is a component in <script setup>
const bindings = state.options.bindings
if (bindings && bindings.__isScriptSetup !== false) {
if (maybeComponent && bindings && bindings.__isScriptSetup !== false) {
tag =
checkBindingType(bindings, el.tag) ||
checkBindingType(bindings, camelize(el.tag)) ||

16
test/unit/modules/compiler/codegen.spec.ts
View File

@ -724,4 +724,20 @@ describe('codegen', () => {
'"with(this){return _c(\'div\',[_c(Foo),_c(FooBar)],1)}"'
)
})
// #12674
it('component with bindings: should not resolve native elements', () => {
const ast = parse(`<div><form>{{ n }}</form></div>`, baseOptions)
optimize(ast, baseOptions)
const res = generate(ast, {
...baseOptions,
bindings: {
form: BindingTypes.SETUP_CONST
}
})
expect(res.render).toMatch(`_c('form'`)
expect(res.render).toMatchInlineSnapshot(
"\"with(this){return _c('div',[_c('form',[_v(_s(n))])])}\""
)
})
})