naive-ui
naive-ui copied to clipboard
表单 Form设置'auto'时标签无法重新自动计算字段宽度
描述错误
有些场景下可能需要异步的获取某些FormItem项,或者部分FormItem项只有在某些条件满足的情况下才显示, 在表单 Form设置'auto'时,表单无法重新自动计算FormItem宽度导致无法正常显示,希望可以提供重新自动更新label width的方法
复现步骤
1、打开https://codesandbox.io/p/sandbox/cranky-rumple-vjxn2n?file=%2Fsrc%2FDemo.vue%3A79%2C26 2、切换显示/隐藏电话号码
隐藏电话号码字段后,剩余字段宽度不会重新计算(往左移)
最小复现链接
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