更新记录
2.2.0(2023-05-19)
下载此版本
优化代码结构,优化代码逻辑,新增重要方法备注
2.1.2(2020-11-04)
下载此版本
修改删除问题
2.1.1(2020-10-14)
下载此版本
修改重置密码输入错误问题
查看更多
平台兼容性
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="onSubmit" @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 |
弹窗取消按钮(点击阴影处会自动关闭弹窗) |