1.調(diào)用 checkInput ，實現(xiàn)：?@keyup.native="product.price = checkInputs(product.price)"

<el-input v-model="product.price" class="bg-grey" size="small" ? ?placeholder="實際銷售價格" style="width: 210px;" @keyup.native="product.price = checkInputs(product.price)">

? ? ? ? ? ? <span slot="prefix">￥</span>

? </el-input>

2.實現(xiàn)方法：checkInput

//檢測控制只能輸入小數(shù)點后2位方法

export function checkInput(num) {

? let str = num.toString();

? var len1 = str.substr(0, 1);

? var len2 = str.substr(1, 1);

? //如果第一位是0，第二位不是點，就用數(shù)字把點替換掉

? if (str.length > 1 && len1 == 0 && len2 != ".") {

? ? str = str.substr(1, 1);

? }

? //第一位不能是.

? if (len1 == ".") {

? ? str = "";

? }

? //限制只能輸入一個小數(shù)點

? if (str.indexOf(".") != -1) {

? ? var str_ = str.substr(str.indexOf(".") + 1);

? ? if (str_.indexOf(".") != -1) {

? ? ? str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);

? ? }

? ? if (str_.length > 2) {

? ? ? this.$message.warning(`金額小數(shù)點后只能輸入兩位，請正確輸入！`);

? ? ? return (str = "");

? ? }

? }

? //正則替換

? str = str.replace(/[^\d^\.]+/g, ""); // 保留數(shù)字和小數(shù)點

? return str;

}