分享乙個PC端六格密碼輸入框寫法

2021-09-20 04:45:53 字數 1185 閱讀 2327

如圖。我們一般做**類的專案不免會用到支付密碼輸入框,我研究了下並決定發上來,也當作是自己成長路上的一點小小的記錄。本次介紹的是基於vue的專案

html:

<

template

>

<

div

class

='am_paypwd'

:id="`ids_$`"

>

<

input

type

="password"

maxlength

="1"

@input

="changeinput"

@click

="changepwd"

v-model

="pwdlist[i]"

@keyup

="keyup($event)"

@keydown

="oldpwdlist = pwdlist.length"

class

="shortinput"

v-for

="(v, i) in 6"

:key

="i"

>

div>

template

>

css:

.am_paypwd 

}}

js:

data () 

},props: ,

mounted () .shortinput`)

},methods:

index--

} else

this.ipt[index].focus()

} else if (this.isdelete && index === this.pwdlist.length && /^\d$/.test(ev.key))

this.$emit('getpwd', this.pwdlist.join(''))

},changepwd () ,

changeinput ()

if (!val) else }}

如有考慮不周的,請指出

每一次的記錄,都是向前邁進的一步

分享乙個PC端六格密碼輸入框寫法

如圖。我們一般做 類的專案不免會用到支付密碼輸入框,我研究了下並決定發上來,也當作是自己成長路上的一點小小的記錄。本次介紹的是基於vue的專案 html template div class am paypwd id ids input type password maxlength 1 input...

使用iView cli建立乙個pc端網頁(1)

第一步 開啟 進入iview cli介面 第二步 第三步 第四步 根據介面提示,建立新工程 第五步 進入資料夾,命令列npm install安裝依賴,使用npm run dev 啟動專案 第六步 經過前五步,開啟工程後可以看到如下圖 第六步 設定使用本地ip代替localhost訪問工程 開啟工程w...

用shell實現乙個「輸入密碼」程式

在寫安裝程式免不了要輸入密碼一類的,c裡比較直白,getchar 加printf 一想就可以了,具體的邏輯實現也不會多難。可是在shell這種限制性語言裡可沒那麼簡單了,比如你想下輸入命令read,怎麼能唯讀入乙個字元就退出呢?於是我上網搜了搜,改了改,感興趣的不如一起來學習下。getchar wh...