子组件定义插槽位置:
render() {
return (
<div class='model-editor-layout'>
<div class='model-editor-layout-left'>
<div class='mode-selected-container'>{renderSlot(this.slots, 'selectedContent')}</div>
</div>
<div class='model-editor-layout-right'>{renderSlot(this.slots, 'default')}</div>
</div>
);
}
父组件生成插槽:
render() {
return createVNode(resolveComponent('model-editor-layout'), null, {
selectedContent: () => [<div>插槽</div>],
default: () => [
<div class='model-editor-actions'>
<div class='mode-editor-action-item'>
<a-button-group>