logpm/uni_modules/fant-mini-plus/components/hd-keyboard/INDEX.md

代码演示

数字键盘输入

<hd-keyboard :show="showKeyboard" mode="simple" @blur="doBlur" v-model="keyboardNumber" @confirm="doConfirm"></hd-keyboard>

<script lang="ts" setup>
import { ref } from 'vue'

const showKeyboard = ref<boolean>(false) // 输入键盘是否打开
const keyboardNumber = ref<number | ''>('') // 虚拟键盘输入的值

function onClick() {
  showKeyboard.value = true
}

/**
 * 键盘输入完成
 * @param qty 最终输入的值
 */
function doConfirm(qty: number) {
  showKeyboard.value = false
}

/**
 * 键盘失焦
 * @param show 是否展示
 */
function doBlur(show: boolean) {
  showKeyboard.value = show
}
</script>