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的主要内容,如果未能解决你的问题,请参考以下文章