<template>
<el-input v-model="number" @input="onlyNbr1" @change="onlyNbr2"/>
</template>
<script>
data() {
return {
number: null
}
},
methods: {
onlyNbr1(ipt) {
let data = String(ipt)
const char = data.charAt(0)
// 先把非数字的都替换掉
data = data.replace(/[^\d]/g, '')
// 如果第一位是负号,则允许添加
if (char === '-') {
data = '-' + data
}
this.query.filter = data
},
onlyNbr2() {
const data = String(this.query.filter)
// 如果只有一个负数,那么替换为 null
console.log(data === '-')
if (data === '-') {
this.query.filter = null
}
}
}
}
vue中input限制只能输入数字
最新推荐文章于 2024-05-25 17:01:37 发布