vue element el-input限制只能輸入數(shù)字，且保留小數(shù)后兩位

<template>
  <div class="about">
    <el-input placeholder="市場(chǎng)價(jià)" @input="limitInput($event,'mkPrice')" v-model.trim="form.mkPrice" />

    <el-input placeholder="零售價(jià)" @input="limitInput($event,'slPrice')" v-model.trim="form.slPrice" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        mkPrice: "",
        slPrice: "",
      },
    };
  },
  methods: {
    /**
     * @param {string} value - 輸入的值
     * @param {string} name - 匹配的對(duì)象屬性 [mkPrice | slPrice]
     */
    limitInput(value, name) {
      this.form[name] =
        ("" + value) // 第一步：轉(zhuǎn)成字符串
          .replace(/[^\d^\.]+/g, "") // 第二步：把不是數(shù)字辑甜，不是小數(shù)點(diǎn)的過(guò)濾掉
          .replace(/^0+(\d)/, "$1") // 第三步：第一位0開(kāi)頭哈肖，0后面為數(shù)字受啥，則過(guò)濾掉窿侈，取后面的數(shù)字
          .replace(/^\./, "0.") // 第四步：如果輸入的第一位為小數(shù)點(diǎn)炼幔，則替換成 0. 實(shí)現(xiàn)自動(dòng)補(bǔ)全
          .match(/^\d*(\.?\d{0,2})/g)[0] || ""; // 第五步：最終匹配得到結(jié)果 以數(shù)字開(kāi)頭，只有一個(gè)小數(shù)點(diǎn)史简，而且小數(shù)點(diǎn)后面只能有0到2位小數(shù)
    },
  },
};
</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末乃秀，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子圆兵，更是在濱河造成了極大的恐慌跺讯，老刑警劉巖，帶你破解...
沈念sama閱讀 212,816評(píng)論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件殉农，死亡現(xiàn)場(chǎng)離奇詭異抬吟，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)统抬，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,729評(píng)論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門火本，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人聪建，你說(shuō)我怎么就攤上這事钙畔。” “怎么了金麸？”我有些...
開(kāi)封第一講書人閱讀 158,300評(píng)論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵擎析，是天一觀的道長(zhǎng)。經(jīng)常有香客問(wèn)我挥下，道長(zhǎng)揍魂，這世上最難降的妖魔是什么？我笑而不...
開(kāi)封第一講書人閱讀 56,780評(píng)論 1贊 285
?港島之戀（遺憾婚禮）
正文為了忘掉前任棚瘟，我火速辦了婚禮现斋，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘偎蘸。我一直安慰自己庄蹋，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 65,890評(píng)論 6贊 385
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布迷雪。她就那樣靜靜地躺著限书，像睡著了一般。火紅的嫁衣襯著肌膚如雪章咧。梳的紋絲不亂的頭發(fā)上倦西，一...
開(kāi)封第一講書人閱讀 50,084評(píng)論 1贊 291
城市分裂傳說(shuō)
那天，我揣著相機(jī)與錄音赁严，去河邊找鬼扰柠。笑死粉铐，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的耻矮。我是一名探鬼主播秦躯，決...
沈念sama閱讀 39,151評(píng)論 3贊 410
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼忆谓，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼裆装！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起倡缠，我...
開(kāi)封第一講書人閱讀 37,912評(píng)論 0贊 268
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤哨免，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后昙沦，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體琢唾，經(jīng)...
沈念sama閱讀 44,355評(píng)論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,666評(píng)論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年盾饮，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了采桃。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 38,809評(píng)論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡丘损，死狀恐怖普办，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情徘钥，我是刑警寧澤衔蹲，帶...
沈念sama閱讀 34,504評(píng)論 4贊 334
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站呈础，受9級(jí)特大地震影響舆驶，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜而钞，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 40,150評(píng)論 3贊 317
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一沙廉、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧臼节，春花似錦蓝仲、人聲如沸。這莊子的主人今日做“春日...
開(kāi)封第一講書人閱讀 30,882評(píng)論 0贊 21
一樁弒父案袱结，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)。三九已至途凫，卻和暖如春垢夹，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背维费。一陣腳步聲響...
開(kāi)封第一講書人閱讀 32,121評(píng)論 1贊 267
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工果元，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留促王，地道東北人。一個(gè)月前我還...
沈念sama閱讀 46,628評(píng)論 2贊 362
代替公主和親
正文我出身青樓而晒，卻偏偏與公主長(zhǎng)得像蝇狼，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子倡怎，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,724評(píng)論 2贊 351

vue element el-input限制只能輸入數(shù)字桌吃，且保留小數(shù)后兩位

vue element el-input限制只能輸入數(shù)字，且保留小數(shù)后兩位

推薦閱讀更多精彩內(nèi)容