ant design Tabs组件数据丢失取不到值的解决方法

2023-08-25 13:44:53 浏览数 (3)

使用Ant Design 的 Tabs 遍历了一个 form ,在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全,只能获取到第一个页签和最后一个页签。

翻了下 api ,Tabs.TabPane TabItemType 有一个 forceRender 属性,默认值是 false ,设置为 true 即可。

forceRender 属性用来控制 被隐藏时是否渲染 DOM 结构。

另外 Tabs 还有一个 destroyInactiveTabPane 属性,用来控制 被隐藏时是否销毁 DOM 结构,默认值是 false

代码语言:javascript复制
<Tabs
  destroyInactiveTabPane={false} // 被隐藏时是否销毁 DOM 结构
>
  <Tabs.TabPane
    forceRender={true} // 被隐藏时是否渲染 DOM 结构
  >
    ...
  </Tabs.TabPane>
</Tabs>

未经允许不得转载:w3h5-Web前端开发资源网 » ant design Tabs组件数据丢失取不到值的解决方法

0 人点赞