📅 最后修改于: 2023-12-03 15:39:21.181000 🧑 作者: Mango
小猫 UI 输入填充是一款优秀的输入框填充插件,支持多种类型的自动填充,包括但不限于自定义下拉列表、日期选择器等。使用方便、效率高、美观大方,适用于各种类型的 Web 项目。
可以通过如下方式使用小猫 UI 输入填充:
可以通过如下方式自定义下拉列表:
可以通过如下方式使用日期选择器:
| 名称 | 类型 | 默认值 | 描述 |
| --- | --- | --- | --- |
| data | Array
或者 Function
| []
| 输入框填充的数据。如果是一个 Array
,则为固定值;如果是一个 Function
,则为异步获取数据的方法。第一个参数为输入框输入的值,第二个参数为回调函数。 |
| minLength | Number
| 1
| 输入框输入的最小字符数。 |
| type | String
| text
| 输入框的类型。可以为 text
、password
或者 date
。 |
| delay | Number
| 300
| 输入框输入后,等待多少毫秒后触发自动填充。 |
| limit | Number
| 10
| 下拉列表显示的最大数量。 |
| getValue | Function
| null
| 自定义下拉列表项的显示文本。参数为下拉列表项,返回值为文本。 |
| getId | Function
| null
| 自定义下拉列表项的值。参数为下拉列表项,返回值为值。 |
| onSelect | Function
| null
| 当用户选择下拉列表中的某一项时触发的回调函数。参数为选择的值。 |
| 名称 | 参数 | 描述 |
| --- | --- | --- |
| destroy | none
| 销毁输入填充功能。 |
| disable | none
| 禁用输入填充功能。 |
| enable | none
| 启用输入填充功能。 |
| updateData | data: Array
或者 data: Function
| 更新输入框填充的数据。如果是一个 Array
,则为固定值;如果是一个 Function
,则为异步获取数据的方法。第一个参数为输入框输入的值,第二个参数为回调函数。 |
小猫 UI 输入填充提供了以下自定义事件:
| 名称 | 参数 | 描述 |
| --- | --- | --- |
| show.catui.input-fill | none
| 显示下拉列表时触发。 |
| hide.catui.input-fill | none
| 隐藏下拉列表时触发。 |
小猫 UI 输入填充是一款非常优秀的输入框填充插件,具有简单易用、小巧高效、灵活可扩展等优秀特性。如果你正在寻找一款输入框填充插件,那么它将是你的绝佳选择。