ant-design-vue的Form.create,获取不到具名slot的数据

问题描述

自定义组件使用了ant-design-vue的Form,使用Form.create方法创建了表单,但是在该组件内我想获取到slots内容,获取不到具名的slots,只能获取到不具名的slots的内容,this.$slots 只有defalut数据

尝试结果

组件代码

image.png

情况一:

使用该组件的代码,插槽没有写名字

<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的数组
1586226680(1).jpg

情况二:

使用该组件的代码,给插槽写了名字

<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

1586226590(1).jpg

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题