vue 中 限制 input

Posted wbyixx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 中 限制 input相关的知识,希望对你有一定的参考价值。

限制小数位数

<input type="number" @keydown="handleInput2" placeholder="请输入或查看" v-model="item.SalePrice">
handleInput2(e) {
    // 通过正则过滤小数点后两位
    e.target.value = (e.target.value.match(/^d*(.?d{0,1})/g)[0]) || null
},

限制整数

<input type="number" @keydown="handleInput" placeholder="请输入" v-model="SaleQty">
handleInput(e) {
// log(e.target.value)
e.target.value=e.target.value.replace(/[^d]/g,'');
},

以上是关于vue 中 限制 input的主要内容,如果未能解决你的问题,请参考以下文章

vue2.x directive - 限制input只能输入正整数

vue项目中限制input只能输入一个小数点及后两位number

Vue 限制input输入 限数字 或 小数点后两位number

Vue Element-ui 框架 限制文件类型

vue下载文件时,限制下载个数的提示语

vue监听对input输入的字体字数限制