naive-ui icon indicating copy to clipboard operation
naive-ui copied to clipboard

表单 Form设置'auto'时标签无法重新自动计算字段宽度

Open maddenBoy opened this issue 9 months ago • 1 comments

描述错误

有些场景下可能需要异步的获取某些FormItem项,或者部分FormItem项只有在某些条件满足的情况下才显示, 在表单 Form设置'auto'时,表单无法重新自动计算FormItem宽度导致无法正常显示,希望可以提供重新自动更新label width的方法

复现步骤

1、打开https://codesandbox.io/p/sandbox/cranky-rumple-vjxn2n?file=%2Fsrc%2FDemo.vue%3A79%2C26 2、切换显示/隐藏电话号码

隐藏电话号码字段后,剩余字段宽度不会重新计算(往左移)

image

最小复现链接

https://codesandbox.io/p/sandbox/cranky-rumple-vjxn2n?file=%2Fsrc%2FDemo.vue%3A79%2C26

系统信息

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 9 5900HX with Radeon Graphics        
    Memory: 19.47 GB / 31.40 GB
  Binaries:
    Node: 14.16.0 - ~\AppData\Local\Volta\tools\image\node\14.16.0\node.EXE
    Yarn: 1.22.19 - C:\Program Files\Volta\yarn.EXE
    npm: 6.14.11 - ~\AppData\Local\Volta\tools\image\node\14.16.0\npm.CMD
    pnpm: 8.14.1 - C:\Program Files\Volta\pnpm.EXE    
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    naive-ui: 2.38.1 => 2.38.1
    vue: ^3.2.39 => 3.2.39

使用的包管理器

pnpm

验证

maddenBoy avatar May 11 '24 19:05 maddenBoy