PssswordInput 密码框
使用指南
import { PssswordInput } from 'fs-ui'
export default {
components: {
fsPssswordInput: PssswordInput
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
代码演示
- 普通
<fs-password-input
v-model="value"
:length="6"
@focus="show = true"
@finish="show = false" />
<fs-number-keyboard
:show="show"
extra-key="."
@blur="show = false"
@input="inputEvent"
@delete="deleteEvent" />
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定的密码 | String | - |
| length | 密码长度 | Number 4 6 | 6 |
| showTip | 是否显示提示 | Boolean | - |
插槽
| 插槽名 | 说明 |
|---|---|
| tip | 自定义提示内容 |
事件
| event | 说明 | 返回值 |
|---|---|---|
| focus | 点击密码框 | - |
| finished | 密码输入完成 | - |