Vue过滤器将零显示为破折号

yftpprvb  于 2023-03-13  发布在  Vue.js
关注(0)|答案(1)|浏览(131)

我有一个vue过滤器,我用它来显示数字作为我们的本地货币(英镑),但我想显示零的破折号,而不是£0.00。这是因为在一个大表中有很多零,它很难发现少数项目不为零。
我的过滤器当前如下所示:

Vue.filter("gbp", function (value) {
  // Create our number formatter.
  if (value === null || value === undefined) {
    return value;
  } else {
    var formatter = new Intl.NumberFormat("en-GB", {
      style: "currency",
      currency: "GBP",
      minimumFractionDigits: 2,
    });
    return formatter.format(+value);
  }
});

我怎样才能改变它来把零“隐藏”成破折号?

cqoc49vn

cqoc49vn1#

尝试添加额外的if以测试0

在该子句中,您可以返回任何您喜欢的值,例如-

Vue.filter("gbp", function (value) {
  // Create our number formatter.
  if (value === null || value === undefined) {
    return value;
  } else if (value === 0) {
    return "-";
  } else {
    var formatter = new Intl.NumberFormat("en-GB", {
      style: "currency",
      currency: "GBP",
      minimumFractionDigits: 2,
    });
    return formatter.format(+value);
  }
});

相关问题