猜码
猜码
  • 发布:2021-10-04 12:09
  • 更新:2022-07-06 20:16
  • 阅读:1710

#插件讨论# 【 uni-forms 表单 - DCloud前端团队 】通过v-if切换uni-forms-item的显示和隐藏,label匹配错误并且样式也会出现错误!

分类:uni-app
关联插件: uni-forms 表单

我通过uni-data-checkbox 三个单选项取值,赋值给v-if控制一些uni-forms-item非必填项(当显示时是需要填的,因为其他大部分uni-forms-item都是相同的,仅这几项非必填项是不同的,想共用整个uni-forms 的逻辑)的显示和隐藏,切换时会出现一些uni-forms-item的label匹配错误并且样式也会出现错误,暂时发现涉及的表单项有:uni-easyinput(type="textarea",label匹配错误,样式错误:输入框向右挤压)、uni-file-picker(label匹配错误)、switch(label匹配错误,样式错误:原label和按钮是两端对齐的,切换后label和按钮挤压到左边,label还会发生折叠)。不知道是否是我的使用姿势不正确,请赐教!

2021-10-04 12:09 负责人:无 分享
已邀请:
无心木偶

无心木偶

楼主解决了吗?我也遇到这个问题

DCloud_UNI_HT

DCloud_UNI_HT

贴一下代码片段

DCloud_UNI_HT

DCloud_UNI_HT

如需动态切换 uni-forms-item ,需要给 uni-forms-item 加上 key 值 ,uni-forms 1.4.0+ 对这种情况做了 处理 ,可以升级查看问题是否解决

该问题目前已经被锁定, 无法添加新回复