[new feature] Field: add click-left-icon event (#2605)
This commit is contained in:
@@ -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 | 自定义输入框尾部按钮 |
|
||||
|
||||
Reference in New Issue
Block a user