Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 923 Bytes

README.md

File metadata and controls

43 lines (31 loc) · 923 Bytes
Raw

基于 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>