vue el-input-number千分符指令

聚焦時(shí)正常顯示,失焦時(shí)千分符顯示

Vue.directive("thousand", {
  // 被綁定元素插入父節(jié)點(diǎn)時(shí)調(diào)用
  inserted: function(el) {
    // 獲取input節(jié)點(diǎn)
    if (el.tagName.toLocaleUpperCase() !== "INPUT") {
      el = el.getElementsByTagName("input")[0];
    }
    // 千分位
    el.value = parseFloat(el.value).toLocaleString("zh", {
      minimumFractionDigits: 2,
      maximumFractionDigits: 2
    });
    // 聚焦轉(zhuǎn)化為數(shù)字格式(去除千分位)
    el.onfocus = e => {
      let a = el.value.replace(/,/g, ""); //去除千分號(hào)的','
      el.value = parseFloat(a).toFixed(2);
    };
    el.onblur = e => {
      el.value = parseFloat(el.value).toLocaleString("zh", {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
      });
    };
  }
});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容