Vue 中 data 数字小数点后面的问题, 无法显示类似 1.00 的数字?

Question

最近使用 vue, 展示数据, 需要保存统一的两位小数, 像 1.11 这种的, 但是如果保存 1.00, Console.log 出来直接是 1, 而不是 1.00, 请问这种该怎么解决

data() {

return {
    number1: 1.00,
    number2: 1.12
}

}

因为要对数字类型的这些进行排序, 平均值之类的计算, 需要数字类型

Answer 1

你可以使用Number.toFixed(2)
var a = 1;
a.toFixed(2) // a = 1.00

Answer 2

  computed: {
    strNumber1: function () {
      // `this` 指向 vm 实例
      return this.number1.toFixed(2)
    }
  }

计算属性