vue中h5端交易密码框组件

最新推荐文章于 2023-12-14 07:59:51 发布

weixin_45807040

最新推荐文章于 2023-12-14 07:59:51 发布

阅读量396

点赞数

本文链接：https://blog.csdn.net/weixin_45807040/article/details/107785725

版权

本文介绍了一个Vue组件，用于实现H5端的交易密码输入框功能。组件包括密码显示与隐藏切换、删除键操作、键盘输入等交互，并提供了相应的CSS样式布局，如密码输入框、返回按钮、键盘布局等。

摘要由CSDN通过智能技术生成

  HTML部分：
   <!--手机交易码框-->
    <div class="pwdMask" v-if="pwdMaskFlag">
    <div class="pay-tool">
        <div class="pay-tool-title">
          请输入支付密码
          <span class="iconBack" @click="backHandle"></span>
        </div>
      <div class="pay-tool-content">
      <div class="pay-tool-inputs">
        <div class="item" v-for="i in pwditems"><span class="icon_dot" v-if="password[i]"></span></div>
      </div>
      <div class="pay-tool-link"><router-link class="link" to="/ModTransPwd">忘记密码？</router-link></div>
      </div>
      <div class="pay-tool-keyboard">
      <ul>
        <li @click="keyUpHandle($event)" v-for