# vue-sk-input

**Repository Path**: lsk_ciao/vue-sk-input

## Basic Information

- **Project Name**: vue-sk-input
- **Description**: 这是一个Vue的Input组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-02
- **Last Updated**: 2023-12-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-sk-input

## 使用


> npm install vue-sk-input

##示例
```
<sk-input v-model="test" placeholder="placeholder" :validate="validate: { reg: /^1$/, errorMsg: 'error' }" clearable />

import skInput from 'vue-sk-input'
```

##### Input Attributes
|  参数   | 说明  |  类型   | 可选值  | 默认值  |
|  ----  | ----  | ----  | ----  | ----  |
| value / v-model | 绑定值 | string / number | —— | —— |
| maxlength | 原生属性，最大输入长度 | number | —— | —— |
| minlength | 原生属性，最小输入长度 | number | —— | —— |
| placeholder | 输入框占位文本 | string | —— | —— |
| clearable | 是否可清空 | boolean | —— | false |
| disabled | 禁用 | boolean | —— | false |
| readonly | 只读 | boolean | —— | false |
| size | 输入框尺寸 | string | large / default / small  | default |
| validate | 校验规则,示例： { reg: /[0-9]/, errorMsg: 'error' } | object | —— | —— |
| verifyType | 内置的校验规则( 金额，值不为空，手机号，邮箱 ) | string | money / notNull / phone / email | —— |

##### Input Events
|  事件名   | 说明  |  回调参数  |
|  ----  | ----  | ---- |
| blur | 在 Input 失去焦点时触发 | (event: Event) |
| focus | 在 Input 获得焦点时触发 | (event: Event) |
| input | 在 Input 值改变时触发 | (event: Event) |
| clear | 在点击由 clearable 属性生成的清空按钮时触发 | —— |