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