45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<template>
|
|
<yd-layout title="KeyBoard">
|
|
|
|
<yd-button-group>
|
|
<yd-button size="large" type="primary" @click.native="show1 = true">打开</yd-button>
|
|
<yd-button size="large" type="primary" @click.native="show2 = true">打开 - 打乱键盘顺序</yd-button>
|
|
</yd-button-group>
|
|
|
|
<yd-keyboard v-model="show1" :callback="done1" ref="kbdemo1"></yd-keyboard>
|
|
|
|
<yd-keyboard v-model="show2" :callback="done2" disorder ref="kbdemo2"></yd-keyboard>
|
|
</yd-layout>
|
|
</template>
|
|
|
|
<script type="text/babel">
|
|
export default {
|
|
data() {
|
|
return {
|
|
show1: false,
|
|
show2: false
|
|
}
|
|
},
|
|
methods: {
|
|
done1(val) {
|
|
console.log('输入的密码是：' + val);
|
|
this.$dialog.loading.open('验证支付密码');
|
|
|
|
setTimeout(() => {
|
|
this.$refs.kbdemo1.$emit('ydui.keyboard.error', '对不起，您的支付密码不正确，请重新输入。');
|
|
this.$dialog.loading.close();
|
|
}, 2000);
|
|
},
|
|
done2(val) {
|
|
console.log('输入的密码是：' + val + ' - 无序');
|
|
this.$dialog.loading.open('验证支付密码');
|
|
|
|
setTimeout(() => {
|
|
this.$refs.kbdemo2.$emit('ydui.keyboard.error', '对不起，您的支付密码不正确，请重新输入。');
|
|
this.$dialog.loading.close();
|
|
}, 2000);
|
|
}
|
|
}
|
|
}
|
|
</script>
|