vue中的各种过滤器

1.全局不足十补零过滤器(全局 main.js)

Vue.filter("fillZero", (num) => {
  return num < 10 ? "0" + num : num;
});

2.价格保留两位小数

当前页面

// 过滤器
  filters: {
    // 保留两位小数
    filtersPrice(num) {
      return Number(num).toFixed(2);
    },
    // 三目表达式
    // filtersOne(num) {
    //   return num < 10 ? "0" + num : num;
    // },
  },

挂载全局 main.js

Vue.filter(
  // 保留两位小数
  "filtersPrice",
  (num) => {
    return Number(num).toFixed(2);
  }
  // 三目表达式
  // filtersOne(num) {
  //   return num < 10 ? "0" + num : num;
  // },
),