问题描述
自定义组件使用了ant-design-vue
的Form,使用Form.create
方法创建了表单,但是在该组件内我想获取到slots内容,获取不到具名的slots
,只能获取到不具名的slots的内容,this.$slots
只有defalut
数据
尝试结果
组件代码
情况一:
使用该组件的代码,插槽没有写名字
<testForm name="test"
:configs="workOrderSearchForm"
:wrappedComponentRef="saveFormRef">
<a-col :span="8"> <!-- slot没有写名字 -->
<div>2222</div>
</a-col>
<div>1111</div>
</testForm>
结果this.$slots.defalut
是个长度为2的数组
情况二:
使用该组件的代码,给插槽写了名字
<testForm name="test"
:configs="workOrderSearchForm"
:wrappedComponentRef="saveFormRef">
<a-col slot="name1" :span="8"> <!-- slot写了name -->
<div>2222</div>
</a-col>
<div>1111</div>
</testForm>
结果this.$slots.defalut
是个长度为1的数组,内容显示的是没有具名的div