vue+element中el-input框限制只能输⼊数字及⼀位⼩数仅个⼈经验，希望能帮到有需要的⼈。
第⼀次写就话不多说了直接上代码。
<el-input @keyup.native="proving(index)" v-model="item.Price"></el-input>
// 只能输⼊数字且只有⼀位⼩数
proving(e) {
        　// this.form.skus[e].Price 是input的值 
// 先把⾮数字的都替换掉，除了数字和.
this.form.skus[e].Price = this.form.skus[e].place(/[^\d.]/g, '');
// 必须保证第⼀个为数字⽽不是.
this.form.skus[e].Price = this.form.skus[place(/^\./g, '');
// 保证只有出现⼀个.⽽没有多个.
this.form.skus[e].Price = this.form.skus[e].place(/\.{2,}/g, '');
// 保证.只出现⼀次，⽽不能出现两次以上
this.form.skus[e].Price = this.form.skus[e].place('.', '$#$').replace(/\./g, '').replace('$#$', '.');
let index = -1
for (let i in this.form.skus[e].Price) {
input框禁止输入if (this.form.skus[e].Price[i] === '.') {
index = i
}
if (index !== -1) {
if (i - index > 1) {
this.form.skus[e].Price = this.form.skus[e].Price.substring(0, this.form.skus[e].Price.length - 1)
}
}
}
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。