为什么 vue3 ant-vue 中弹窗 content 直接使用组件时,组件中的a-row a--col 等标签不会被编辑。

this.$info({
class: ‘padding-zero common-confirm’,
title: ‘详情’,
width: 720,
content: h => {
return createVNode(this.$backComponent(‘DecView’), {
style: {
padding: ‘0 18px’
},
span: 12,
}, ‘’)
},
onOk() {},
});

// 混入公共方法
app.mixin({
methods: {
$backComponent(name) {
return this._.appContext.components[name]
}
}
})

// 组件



{{item.label}}


{{item.dec}}






// 浏览器里展示的还是 a-row 和 a-col