4.9 KiB
4.9 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 通过鼠标或键盘输入内容，是最基础的表单域的包装。 :::
::: title 基础使用 :::
::: demo 使用 lay-input 标签, 创建输入框
:::
::: title 提示信息 :::
::: demo
:::
::: title 前缀后缀 :::
::: demo
0 0:::
::: title 拼接内容 :::
::: demo
http://:::
::: title 输入密码 :::
::: demo
:::
::: title 设置图标 :::
::: demo
:::
::: title 允许清空 :::
::: demo
:::
::: title 事件回调 :::
::: demo
:::
::: title 禁止输入 :::
::: demo
:::
::: title 尺寸Size :::
::: demo
:::
::: title Input 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| name | 原始属性 name | -- |
| placeholder | 提示信息 | -- |
| disabled | 禁用 | true false |
| readonly | 原生属性 readonly | true false |
| v-model / modelValue | 值 | -- |
| autofocus | 原生属性 autofocus | true false |
| autocomplete | 原生属性 autocomplete | true false |
| allow-clear | 允许清空 allow-clear | true false |
| prefix-icon | 前置图标 | -- |
| suffix-icon | 后置图标 | -- |
| password | 开启密码显示隐藏 | true false |
| size | 尺寸 | lg md sm xs，默认md |
:::
::: title Input 事件 :::
::: table
| 事件 | 描述 | 参数 |
|---|---|---|
| input | 原生 input 事件 | event : Event |
| foucs | 原生 foucs 事件 | event : Event |
| blur | 原生 blur 事件 | event : Event |
| change | 原生 change 事件 | event : Event |
| clear | 清空 事件 | -- |
:::
::: title Input 事件 :::
::: table
| 事件 | 描述 | 参数 |
|---|---|---|
| prefix | 输入框前置内容 | -- |
| suffix | 输入框后置内容 | -- |
| prepend | 输入框前置内容 (更) | -- |
| append | 输入框后置内容 (更) | -- |
:::
::: contributor input :::
::: previousNext input :::