vue.js - 在 View 层中格式化值

Question

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

例如，let score = '0.929304045';

在模板中:

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

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

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

它给我一个错误

_vm.getScore is not a function

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

如果对此有任何澄清，我们将不胜感激。

Answer 1

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

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

或者，定义一个 filter .