支付寶小程序擴(kuò)展表單 長(zhǎng)密碼框·Long Password

2020-09-18 11:22 更新

長(zhǎng)密碼框。

受控模式,使用時(shí)需要用 onInput 事件來(lái)回設(shè) value。

掃碼體驗(yàn)

示例代碼

{
  "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ā)。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)