vue 自定义过滤器

全局定义

//首字母大写
Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

局部定义

//首字母大写
filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}

使用

<!-- 在双花括号中 -->
{{ message | capitalize }}

<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>

常用过滤器

保留两位小数

export function numberFormat2(val) {
  if (!val) return "0.00";
  val = Math.round(parseFloat(val) * 100) / 100;
  let xsd = val.toString().split(".");
  if (xsd.length == 1) {
    val = val.toString() + ".00";
    return val;
  }
  return value
}

删除空格

export function quitSpace(val) {
  var str = trim(val);
  return str
};