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].Price.replace(/[^\d.]/g, ''); // 必須保證第一個爲數字而不是.
                this.form.skus[e].Price = this.form.skus[e]Price.replace(/^\./g, ''); // 保證只有出現一個.而沒有多個.
                this.form.skus[e].Price = this.form.skus[e].Price.replace(/\.{2,}/g, ''); // 保證.只出現一次，而不能出現兩次以上
                this.form.skus[e].Price = this.form.skus[e].Price.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); let index = -1
                for (let i in this.form.skus[e].Price) { 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) } } } },

原文出處：https://www.cnblogs.com/zm-97/p/12076892.html