Avm Pwd Input

pwdInput 数字密码键盘

介绍

常用数字密码键盘

使用方式

import pwdInput from '../../components/avm_pwdInput/avm_pwdInput.stml'

代码示例

<pwdInput :value="value" :visible="visible" onvisible="onvisible" oninput="oninput"></pwdInput>

API

props 属性

参数 说明 类型 默认
value 密码值 String
title 标题 String 请输入密码
visible 是否显示 Boolean false

Events事件

事件名称 说明 回调参数
onvisible 是否显示 {visible: false}
oninput 点击按键时触发 {value:'当前value值'}

案例

<script>
import pwdInput from '../../components/avm_pwdInput/avm_pwdInput.stml'
export default {
    name: "tpl",
    data() {
        return {
            value: '',
            visible: false,
        };
    },
    methods: {
        oninput(e) {
            this.data.value = e.detail.value;
            // 简单判断
            if (this.data.value && this.data.value.length >= 6) {
                // 模仿个网络请求
                api.showProgress()
                setTimeout(() => {
                    this.data.visible = false;
                    api.hideProgress();
                    api.toast({
                        msg: '成功'
                    })
                    this.data.value = '';
                }, 2000)
            }
        },
        onvisible(e) {
            this.data.visible = false;
        }
    },
};
</script>

帮助说明/联系方式

如需修改或修改样式请查看components下对应的stml,如需要更多自定义功能或反馈与BUG,可联系QQ:910547462