W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
長(zhǎng)密碼框。
受控模式,使用時(shí)需要用 onInput 事件來(lái)回設(shè) value。
{
"defaultTitle": "verify-code",
"usingComponents":{
"long-password": "mini-ali-ui/es/long-password/index"
}
}
<view>
<view style="margin-top: 10px;" />
<view style="padding: 0 10px;">長(zhǎng)密碼框</view>
<view style="margin-top: 10px;" />
<long-password
placeholder=""
value="{{longPassword}}"
clear="{{true}}"
onInput="onInput"
onClear="onClear" />
</view>
Page({
data: {
longPassword: '',
},
onInput(e) {
this.setData({
longPassword: e.detail.value,
});
},
onClear() {
this.setData({
longPassword: '',
});
},
});
屬性 | 類型 | 默認(rèn)值 | 描述 |
---|---|---|---|
className | String | - | 自定義的 class。 |
inputCls | String | - | 自定義 input 的 class。 |
last | Boolean | false | 是否是最后一行。 |
value | String | - | 初始內(nèi)容。 |
name | String | - | 組件名字,用于表單提交獲取數(shù)據(jù)。 |
placeholder | String | - | 占位符。 |
placeholderStyle | String | - | 指定 placeholder 的樣式。 |
placeholderClass | String | - | 指定 placeholder 的樣式類。 |
disabled | Boolean | false | 是否禁用。 |
maxlength | Number | 140 | 最大長(zhǎng)度。 |
focus | Boolean | false | 獲取焦點(diǎn)。 |
clear | Boolean | true | 是否帶清除功能,僅 disabled 為 false 才生效。 |
onInput | (e: Object) => void | - | 鍵盤輸入時(shí)觸發(fā)input事件。 |
onConfirm | (e: Object) => void | - | 點(diǎn)擊鍵盤完成時(shí)觸發(fā)。 |
onFocus | (e: Object) => void | - | 聚焦時(shí)觸發(fā)。 |
onBlur | (e: Object) => void | - | 失去焦點(diǎn)時(shí)觸發(fā)。 |
onClear | (e: Object) => void | - | 點(diǎn)擊清除 iCON 時(shí)觸發(fā)。 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: