From c3b84c0ac0b130087420fc220b217db2a74da908 Mon Sep 17 00:00:00 2001 From: mehaotian <490272692@qq.com> Date: Thu, 30 Jun 2022 17:28:21 +0800 Subject: [PATCH] update: uni-ui --- docs/component/uniui/uni-easyinput.md | 16 +- docs/component/uniui/uni-forms.md | 203 +++++++++++++------------- 2 files changed, 107 insertions(+), 112 deletions(-) diff --git a/docs/component/uniui/uni-easyinput.md b/docs/component/uniui/uni-easyinput.md index 7cbb9bd06..a1a02ced4 100644 --- a/docs/component/uniui/uni-easyinput.md +++ b/docs/component/uniui/uni-easyinput.md @@ -171,13 +171,15 @@ easyinput 组件是对原生input组件的增强 ,是专门为配合表单组 ### Easyinput Events -|事件称名| 说明|返回值| -|:-:| :-:|:-:| -|@input|输入框内容发生变化时触发| -| -|@focus|输入框获得焦点时触发| -| -|@blur|输入框失去焦点时触发| -| -|@confirm|点击完成按钮时触发| -| -|@iconClick |点击图标时触发| prefix/suffix | +|事件称名| 说明|返回值|兼容说明| +|:-:| :-:|:-:|:-:| +|@input|输入框内容发生变化时触发| -|| +|@clear|点击右侧叉号图标时触发| -|1.1.0新增| +|@focus|输入框获得焦点时触发| -|| +|@blur|输入框失去焦点时触发| -|| +|@confirm|点击完成按钮时触发| -|| +|@iconClick |点击图标时触发| prefix/suffix || +|@change|仅在输入框失去焦点或用户按下回车时触发||1.1.0新增| ## 示例 diff --git a/docs/component/uniui/uni-forms.md b/docs/component/uniui/uni-forms.md index e5b50e6fe..7fab48254 100644 --- a/docs/component/uniui/uni-forms.md +++ b/docs/component/uniui/uni-forms.md @@ -10,7 +10,7 @@ uni-app的内置组件已经有了 `
`组件,用于提交表单内容。 然而几乎每个表单都需要做表单验证,为了方便做表单验证,减少重复开发,`uni-ui` 又基于 ``组件封装了 ``组件,内置了表单验证功能。 -`` 提供了 `rules`属性来描述校验规则、``子组件来包裹具体的表单项,以及给原生或三方组件提供了 `binddata()` 来设置表单值。 +`` 提供了 `rules`属性来描述校验规则、``子组件来包裹具体的表单项,以及给原生或三方组件提供了 `onFieldChange()` 来校验表单值。 每个要校验的表单项,不管input还是checkbox,都必须放在``组件中,且一个``组件只能放置一个表单项。 @@ -22,14 +22,13 @@ uni-app的内置组件已经有了 ``组件,用于提交表单内容。 ::: warning 注意事项 > 为了避免错误使用,给大家带来不好的开发体验,请在使用组件前仔细阅读下面的注意事项,可以帮你避免一些错误。 - 组件需要依赖 `sass` 插件 ,请自行手动安装 -- `resetFields` 方法不会重置原生组件和三方组件的值 -- 如果配置 `validateTrigger` 属性为 `bind` 且表单域组件使用 `input` 事件触发会耗损部分性能,请谨慎使用 - 组件支持 nvue ,需要在 `manifest.json > app-plus` 节点下配置 `"nvueStyleCompiler" : "uni-app"` -- uni-forms 中不包含其他表单组件,如需使用 uni-easyinput、uni-data-checkbox 等组件,需要自行引入 +- `uni-forms` 中不包含其他表单组件,如需使用 `uni-easyinput`、`uni-data-checkbox` 等组件,需要自行引入 +- `uni-forms 1.4.0 版本` 发布,请注意文档中兼容问题说明 ::: ### 基本用法 -`uni-forms` 组件通常用来做表单校验和提交。每一个 `uni-forms-item` 是它的一个表单域组件,用来承载表单具体内容,`uni-forms-item` 中可以嵌套 `uni-easyinput`、`uni-data-checkbox` 和 uni-app内置的表单组件 ,不过 uni-app 的内置表单组件需要通过 `binddata` 或者 `uni-forms` 提供的 `setValue` 方法,将内容与 `uni-forms` 关联,才可完成表单的校验与提交(详见后文`表单校验` 部分) +`uni-forms` 组件通常用来做表单校验和提交。每一个 `uni-forms-item` 是它的一个表单域组件,用来承载表单具体内容,`uni-forms-item` 中可以嵌套 `uni-easyinput`、`uni-data-checkbox` 和 `uni-app` 内置的表单组件 ```html