2.0.5 • Published 3 years ago
npm-vehicle-keyboard v2.0.5
车牌号软件盘
插件效果 ：
注意 ：该插件仅适用于Vue
Project setup ( 插件下载 ) ：
npm install项目中引入 ：
import NpmVehicleKeyboard from "npm-vehicle-keyboard"使用 ：
<NpmVehicleKeyboard
v-model="vehicleNo"
:isShow.sync="isShow"
>
</NpmVehicleKeyboard>API 文档 ：
| 属性 | 是否必传 | 数据类型 | 解释 |
|---|---|---|---|
| v-model | true | String | 软键盘所绑定的值 |
| isShow | true | Boolean | 控制软键盘弹起或收回的开关。（注意:要与.sync一同使用。示例 ：isShow.sync） |
| bindNode | false | String | 开启软键盘所点击的元素id |
| innerModal | false | Boolean | 是否开启软键盘自带的输入框。默认值 ：false。 |
| isFocus | false | Boolean | 是否需要将自带输入框聚焦。默认值 ：false。 |
| closeClickDown | false | Boolean | 是否开启自带收起软键盘的按钮。默认值 ：true。 |
| closeClickNode | false | Boolean | 是否点击其它地方收起软键盘。默认值 ：false。 |
| keyboardColor | false | String | 软键盘背景色 |
| keyColor | false | String | 软键盘按键背景色 |
小功能 ：
1、自定义头部
解释 ： 就是利用Vue插槽的原理，简单示例代码
<template v-slot:header> <div> 自定义的内容 </div> </template>