Pwdinput 密码输入框

import { Pwdinput } from 'feui';
components: {
  [Pwdinput.name]: Pwdinput
},
data() {
  return {
    value: '',
    showKeyboard: true
  }
}

代码演示

基础用法

<fe-pwdinput :value="value" info="密码为 6 位数字"
  @focus="showKeyboard = true" >
</fe-pwdinput>

输入明文

<fe-pwdinput :value="value" info="" 
  @focus="showKeyboard = true" :isPwd='false'>
</fe-pwdinput>

输入明文

<fe-pwdinput :value="value" info="密码为 6 位数字" 
  @focus="showKeyboard = true" currentColor='#4a90e2'>
</fe-pwdinput>

键盘

<fe-keyboard :show="showKeyboard" @input="onInput" 
  @delete="onDelete" @blur="showKeyboard = false"  extra-key='X'>
</fe-keyboard>

API

Events