vue实现输入框中小数点后只能输入两位
实现输入框中小数点后只能输入两位<el-input v-model="input" placeholder="请输入内容" @input="inputnum"></el-input><script>export default {data() {return {input: ''}},methods: {// 限制只能在输入框中输入小数点后两位inputnum(
·
实现输入框中小数点后只能输入两位
在工作的时候遇到了这个需求,所以记录一下。
其实输入框是可以有长度限制的,比如最大长度最小长度。但有时候只限制长度是不够的,比如我要求只能输入两个小数。一般想到的就是给它限制最大长度为4,但是这导致你整数位只能有一个,但凡你整数位有两个再加上小数点小数点后就只能有一个了。啧,不够丝滑~,还是乖乖用正则吧!
<el-input v-model="input" placeholder="请输入内容" @input="inputnum"></el-input>
<script>
export default {
data() {
return {
input: ''
}
},
methods: {
// 限制只能在输入框中输入小数点后两位
inputnum(){
this.input = this.input.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')
}
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)