1.0.0 • Published 2 years ago
dy-keyboard v1.0.0
dy-keyboard
1. 安装dy-keyboard
npm i dy-keyboard -S
2. 使用dy-keyboard
// main.js全局注册
import 'dy-keyboard/lib/index.css'; // 引用样式
import dyKeyboard from 'dy-keyboard'; // 注册组件
// ref是第三步里面的ref,默认为 dyKeyboard 可以不传
Vue.use(dyKeyboard, {
ref: 'dyKeyboard'````
});
3. 在根vue上添加组件
<!-- App.vue -->
<!-- 必须指定ref,且和第二步Vue.use里面的ref对应 -->
<dyKeyboard ref="dyKeyboard"></dyKeyboard>
4. 在需要键盘的组件上添加指令 v-dyKeyboard
<input type="text" v-dyKeyboard v-model="text1">