更新记录

2.2.0(2023-05-19)

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

2.1.2(2020-11-04)

修改删除问题

2.1.1(2020-10-14)

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

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

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

引入组件

    // 本组件遵循easycom引入原则,可以不用手工导入,直接看下方使用方式
    //引入组件文件
    import SanshuiPaymentPassword from '../../components/sanshui-payment-password/sanshui-payment-password.vue'
    //声明组件
    export default {
        components:{
            SanshuiPaymentPassword
        }
    }

使用组件

    <!-- 以下是该组件使用的全部属性 -->
    <sanshui-payment-password v-model="payFlag" :digits="6" @submit="" @cancel="onCancel" />

属性说明

属性 类型 默认值 说明
value/v-model Boolean false 控制显示跟隐藏
digits Number 6 密码输入是位数
showForget Boolean true 是否显示忘记密码(忘记密码跳转地址自己进去里面填)
mode Number 1 1 安全密码校验 / 2 设置安全密码 / 3 修改安全密码 / 4 找回登录密码 / 5 重置安全密码
trigger Boolean true 是否自动提交验证,密码位数 = digits

事件说明

事件名称 说明
submit 输入密码到指定位数的时候自动触发的函数
cancel 弹窗取消按钮(点击阴影处会自动关闭弹窗)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问