Vue实现一款支付虚拟键盘组件

实现效果:

组件部分:

<template>
  <div class="pay-tool">
    <div class="pay-tool-title border-bottom">
      <span class="pay-close" @click="backHandle"></span>
      <span class="pay-title">请输入交易密码</span>
    </div>
    <div class="pay-tool-content">
      <div class="pay-tool-inputs">
        <div class="item" v-for="(i, index) in items" :key="index">
          <span class="icon_dot" v-if="password[i]"></span>
        </div>
      </div>
      <div class="pay-tool-link">
        <div class="link" @click="forgotPassword()">忘记密码&#