Question

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

参数	说明	类型	默认值	可选值
value	输入框中的值	String	-	-
info	输入框下的提示文字	String	-	-
length	密码位数	Number	6	-
isPwd	是否是密码模式	Boolean	true	false,true
currentColor	当前输入框下颜色，如果为空则不显示	String	-	颜色名称(red)或者十六进制色值(#4a90e2)
-	-	-	-	-

Events

事件名	参数	说明	备注
focus	-	输入框聚焦时触发	-
-	-	-	-