vue-square-input
一个简单的方块输入框组件，常用于短信验证码、车牌号类的输入
使用
# 安装 npm 包 npm install -S vue-square-input # 项目引入css import "~vue-square-input/lib/vue-square-input.css"; # 项目main.js引入组件, 全局引入 import VueSquareInput from 'vue-square-input' Vue.use 构建命令
# 安装依赖 npm install # 启动本地服务（默认localhost与ip） localhost:8080 npm run dev # 打包示例 npm run bulid Api
| 参数 | 描述 | 类型 | 可选值 | 必须 | 默认值 |
|---|---|---|---|---|---|
| value | v-model | 值 | string | true | '' | |
| length | 方块个数 | number | false | 6 | |
| isUpperCase | 是否转为大写 | Boolean | false | false | |
| readonly | 是否只读 | Boolean | false | false |
示例
- PC demo 请 F12，选择手机模式查看
- 手机浏览器扫一扫下面二维码
