类似支付宝支付密码弹窗插件 - 更新日志

2.2.0（2023-05-19）

优化代码结构，优化代码逻辑，新增重要方法备注

2.1.2（2020-11-04）

修改删除问题

2.1.1（2020-10-14）

修改重置密码输入错误问题

2.1.0（2020-09-26）

修复删除bug，新增变量控制显示隐藏，具体使用如下 方法一： <ssPaymentPassword ref="paymentPassword" :mode="mode" @submit="submitHandle" /> this.$refs.paymentPassword.modalFun('show'); 方法二： <ssPaymentPassword mode="1" :show="passwordFlag" @submit="submitHandle" /> this.passwordFlag = true;(无须写在onReady里面，组件代码做了判断)

2.0.1（2020-06-24）

删除冗余代码，修改已知报错地方

2.0.0（2020-01-08）

  新增说明：可选值说明（这一个顺序最好不要改，跟当前步骤步进行有关系，自动提交要用到mode跟current的判断  是否要自动提交）
  1 安全密码校验（用于校验安全）
  2 设置安全密码（2步  输入=》确认输入）
  3 修改安全密码（3步 原安全密码=》输入=》确认输入）
  4 找回登录密码（同mode = 1一样，就怕后端校验接口不一样而额外添加的一个mode）
  5 重置安全密码（同mode = 2一样，2步  输入=》确认输入）

1.0.0（2019-07-08）

本套代码是uni-app框架所写

本组件在任意Vue框架下可用

类似于支付宝输入支付密码的弹窗

引入组件

    //引入组件文件
    import bestPaymentPassword from '../../components/best-payment-password/best-payment-password.vue'

    //声明组件
    export default {
        components:{
            bestPaymentPassword
        }
    }

使用组件

    //以下是该组件使用的全部属性
    <best-payment-password :show="payFlag" :value="paymentPwd" digits="6" @submit="checkPwd" @cancel="togglePayment"></best-payment-password>

属性说明

事件说明