在视图层中格式化值

Question

有人可以为我澄清一下吗？如果从 API 调用接收到数据，我如何在视图中格式化数字（我无法在后端格式化）。

例如，let score = '0.929304045';

在模板中：

<div> {{ score }} </div>

如果我添加一个计算函数来为我进行格式化：

getScore(score) {
  return score.toFixed(2);
}

它给我一个错误

_vm.getScore is not a function

如果我在视图中调用{{ getScore(score) }}。

任何对此的澄清将不胜感激。

Answer 1

计算值不是方法。它们就像属性一样。这不是您想要使用计算值的情况。相反，使 getScore 成为一种方法。

methods:{
  getScore(score){
    return score.toFixed(2)
  }
}

或者，定义一个 filter。

Formatting Value in View Layer