dy-keyboard/README.md


# dy-keyboard

![Alt](img/01.jpg)

### 1. 安装dy-keyboard
```npm
npm i dy-keyboard -S
```

### 2. 使用dy-keyboard
```js
// main.js全局注册
import 'dy-keyboard/lib/index.css'; // 引用样式
import dyKeyboard from 'dy-keyboard'; // 注册组件
// ref是第三步里面的ref，默认为 dyKeyboard 可以不传
Vue.use(dyKeyboard, {
    ref: 'dyKeyboard'````
});
```

### 3. 在根vue上添加组件
```vue
<!-- App.vue -->
<!-- 必须指定ref，且和第二步Vue.use里面的ref对应 -->
<dyKeyboard ref="dyKeyboard"></dyKeyboard>
```

### 4. 在需要键盘的组件上添加指令 v-dyKeyboard
```vue
<input type="text" v-dyKeyboard v-model="text1">
```

# 5. 注意：该组件仅支持vue，并且 自定义指令 只作用于输入框。