输入框自动保留2位小数

输入框自动保留2位小数_第1张图片





// 自定义指令代码放到main.js文件中 

// 自定义指令
Vue.directive('numberInt', {
  bind: function (el, binding, vnode) {
    const element = el.getElementsByTagName('input')[0]
    const len = binding.arg // 初始化设置 
    // element.value = Number(element.value).toFixed(len) //不需默认值
    // 监听失焦时候格式化
    element.addEventListener('blur', function () {
      if (element.value) {
        if (isNaN(element.value)) {
          vnode.data.model.callback(element.value)
        } else {
          vnode.data.model.callback(Number(element.value).toFixed(len))
        }
      }
    })
  }
})

你可能感兴趣的:(vue.js,elementui,javascript)