使用方式

script 中引用组件

  1. import quiKeyboard from '@/components/keyboard';
  2. export default {
  3. components: {
  4. quiKeyboard
  5. },
  6. methods: {
  7. finish(pwd) {
  8. // 输入完密码返回 你输入的密码 pwd
  9. },
  10. submit() {
  11. this.$refs.pwdPopup.open()
  12. },
  13. }
  14. }

template 中使用组件

  1. <view @click="submit">点击弹出数字键盘</view>
  2. <qui-keyboard ref="pwdPopup" @finish="finish"></qui-keyboard>