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

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

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

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

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

<Tabs
  destroyInactiveTabPane={false} // 被隐藏时是否销毁 DOM 结构
>
  <Tabs.TabPane
    forceRender={true} // 被隐藏时是否渲染 DOM 结构
  >
    ...
  </Tabs.TabPane>
</Tabs>


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

推荐阅读:

HTML页面 用CSS实现禁止选中、复制和右键

利用css中的伪类 给元素设置特殊样式效果

在Webstorm中使用Autoprefixer实现CSS自动补全

phpsStorm实现打开*.jsp文件代码高亮和代码格式化

阿里巴巴矢量图标库 iconfont 的使用方法

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)