基于 Vue input 的自定义指令，对输入框进行输入限制

• 支持各种 UI 组件库 ：如 Element AntDesign等
• 支持 TypeScript

安装

yarn add el-input-validate

main.js 中引用

import ElInputValidate from 'el-input-validate'
ElInputValidate(Vue)

使用

• 自定义 限制输入框 只能输入数字且保留几位
• 参数 0 1 2 3 4 ... （默认保留两位）

 <input v-formatNum="value" v-model="value" ></input>
 <a-input v-formatNum:0="value" v-model="value"></a-input>
 <el-input v-formatNum:1="value" v-model="value"></el-input>
 ...

• 自定义 限制输入框 只能输入数字和短横线
• 场景：一般用于电话

 <input v-formatTel="value" v-model="value" ></input>

• 自定义 限制输入框 不能输入中文
• 场景：一般用于密码

 <input v-formatNotTxt="value" v-model="value" ></input>