本文介绍如何实现一个输入六位密码的弹框，通过隐藏input框并使用六个li元素来模拟显示，利用焦点管理和输入事件监听数字输入，用正则表达式过滤非数字字符。
思路：将input框隐藏 ，用六个li格子当框，焦点聚焦在input上，通过监听input框输入的长度，根据输入长度判断控制格子内小黑点是否显示，同时用正则替换非数字。
<div id="payPwd">
<div style="text-align: center">支付密码</div>
<input ref="pwd" type="password" maxlength="6" v-model="msgPass"/>
<ul class="pwd-wrap jg" @click="inputFocus">
<li v-for="item in [0,1,2,3,4,5]"><i v-if="msgLength > item"></i>
最低0.47元/天 解锁文章
463
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
