Vue EasyUI 密碼框

2020-06-24 11:44 更新

密碼框( PasswordBox )允許用戶在具有更好交互功能的輸入框中輸入密碼。 密碼框( PasswordBox )會(huì)通過將輸入內(nèi)容顯示為圓點(diǎn)的方式來保護(hù)您輸入的密碼。 密碼框( PasswordBox )提供了一個(gè)眼睛的圖標(biāo)以點(diǎn)擊的動(dòng)作查看您已輸入的密碼。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string 字段值。 null
passwordChar string 在輸入框上顯示的密碼字符。
checkInterval number 檢查并將輸入字符轉(zhuǎn)換為密碼字符的間隔時(shí)間。 200
lastDelay number 將最后一個(gè)輸入字符轉(zhuǎn)換為密碼字符的延遲時(shí)間。 500
showEye boolean 是否顯示眼睛圖標(biāo)。 true
eyeAlign string 眼睛圖標(biāo)對(duì)齊。可選值是: 'left', 'right'。 right
revealed boolean 是否顯示隱藏密碼。 false

注:
- 繼承: InputBase 。

使用方法

<div style="margin-bottom:20px">
  <TextBox v-model="username" placeholder="Username" iconCls="icon-man"></TextBox>
</div>
<div style="margin-bottom:20px">
  <PasswordBox v-model="password" placeholder="Password"></PasswordBox>
</div>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)