首页 > 技术文章 > vue 中 限制 input 输入数字、小数位数等

wbyixx 2020-01-18 15:55 原文

FLowUs邀请链接:https://flowus.cn/login?code=AXNU63
FlowUs邀请码:AXNU63


限制小数位数

<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,'');
},

推荐阅读