更新记录
1.0.2(2022-12-14) 下载此版本
1.0.2
1.0.1(2022-12-14) 下载此版本
2022/12/14
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
Vue3写法 自定义键盘 设置密码
说明
使用自定义键盘输入密码仅支持数字;想用vue2实现可以参考(https://ext.dcloud.net.cn/plugin?id=5664)
使用方法
注 : vue3不能通过@去引入组件应该通过相对路径来引入
import setPassword from '../../components/set-password/index.vue';
components: {
setPassword
};
<setPassword :isYan='ISold_pwd' :IsUpset="false" :show="IsOldKeyboard" @finish="TapISoldPwd" :styles='styles' placeholder="请输入旧密码" @change="old_keys" />
熟悉说明
属性名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
show | Boolean | false | 是否显示自定义键盘 |
isYan | Boolean | false | 是否显示密码明文 |
IsUpset | Boolean | false | 是否打乱输入键盘的数字,默认false |
placeholder | Boolean | false | 提示文字 |
styles | Boolean | false | 提示文字的样式 |
maxLen | Boolean | false | 输入的长度 |
事件说明
@change 输入时触发的事件 @finish 输入完成触发的事件