在视图层中格式化值

Question

有人可以帮我解释一下吗？如果从API调用接收数据，我如何在视图中格式化数字（我不能在后端格式化）。

例如，let score = '0.929304045';

在模板中：

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

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

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

它给了我一个错误

  

_vm.getScore不是函数

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

对此的任何明确性将不胜感激。

Answer 1

计算值不是方法。他们就像财产一样。这不是您想要使用计算值的情况。相反，将getScore设为方法。

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

或者，定义filter。