[new feature] Field: add click-left-icon event (#2605)

This commit is contained in:
neverland
2019-01-24 22:32:47 +08:00
committed by GitHub
parent 3e27b93351
commit 368cb51dba
8 changed files with 71 additions and 35 deletions
+7 -6
View File
@@ -30,9 +30,9 @@ Vue.use(Field);
required
clearable
label="用户名"
icon="question-o"
right-icon="question-o"
placeholder="请输入用户名"
@click-icon="$toast('question')"
@click-right-icon="$toast('question')"
/>
<van-field
@@ -131,8 +131,8 @@ Field 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla
| label-align | 文本对齐方式,可选值为 `center` `right` | `String` | `left` | 1.1.10 |
| input-align | 输入框内容对齐方式,可选值为 `center` `right` | `String` | `left` | 1.1.10 |
| autosize | 自适应内容高度,只对 textarea 有效,可传入对象,<br>如 { maxHeight: 100, minHeight: 50 },单位为 px | `Boolean | Object` | `false` | 1.0.0 |
| icon | 输入框尾部图标名称或图片链接,可选值见 Icon 组件 | `String` | - | - |
| left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件 | `String` | - | 1.1.4 |
| left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件 | `String` | - | 1.5.7 |
| right-icon | 输入框尾部图标名称或图片链接,可选值见 Icon 组件 | `String` | - | 1.5.7 |
### Event
@@ -140,8 +140,9 @@ Field 默认支持 Input 标签所有的原生事件,如 `focus`、`blur`、`k
| 事件 | 说明 | 回调参数 |
|------|------|------|
| click-icon | 点击尾部图标时触发 | - |
| clear | 点击清除按钮后触发 | - |
| click-left-icon | 点击头部图标时触发 | - |
| click-right-icon | 点击尾部图标时触发 | - |
### 方法
@@ -158,5 +159,5 @@ Field 默认支持 Input 标签所有的原生事件,如 `focus`、`blur`、`k
|------|------|
| label | 自定义输入框标签 |
| left-icon | 自定义输入框头部图标 |
| icon | 自定义输入框尾部图标 |
| right-icon | 自定义输入框尾部图标 |
| button | 自定义输入框尾部按钮 |