更新记录
1.4.13(2024-10-08) 下载此版本
- 修复 校验规则在抖音开发者工具上不生效的bug,详见:https://ask.dcloud.net.cn/question/191933
1.4.12(2024-09-21) 下载此版本
- 修复 form上次修改的问题
1.4.11(2024-09-14) 下载此版本
- 修复 binddata的兼容性问题
平台兼容性
uni-app(4.05)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | - | - | - | √ | - | √ | √ |
Forms 表单
组件名:uni-forms 代码块:
uForms、uni-forms-item关联组件:uni-forms-item、uni-easyinput、uni-data-checkbox、uni-group。
uni-app的内置组件已经有了 <form>组件,用于提交表单内容。
然而几乎每个表单都需要做表单验证,为了方便做表单验证,减少重复开发,uni ui 又基于 <form>组件封装了 <uni-forms>组件,内置了表单验证功能。
<uni-forms> 提供了 rules属性来描述校验规则、<uni-forms-item>子组件来包裹具体的表单项,以及给原生或三方组件提供了 binddata() 来设置表单值。
每个要校验的表单项,不管input还是checkbox,都必须放在<uni-forms-item>组件中,且一个<uni-forms-item>组件只能放置一个表单项。
<uni-forms-item>组件内部预留了显示error message的区域,默认是在表单项的底部。
另外,<uni-forms>组件下面的各个表单项,可以通过<uni-group>包裹为不同的分组。同一<uni-group>下的不同表单项目将聚拢在一起,同其他group保持垂直间距。<uni-group>仅影响视觉效果。

收藏人数:
https://github.com/dcloudio/uni-ui
https://www.npmjs.com/package/@dcloudio/uni-ui
下载插件并导入HBuilderX
在线体验/部署
下载示例项目ZIP
赞赏(2)
下载 1386884
赞赏 14
下载 11765453
赞赏 1818
赞赏
京公网安备:11010802035340号