Question

我想显示数据库中的变量并将其四舍五入。您能帮我了解一下此语法吗？

<h2 class="txt-bold">Rating: {{roundHalf(ListOrg.rating)}}</h2>


computed: {
    roundHalf: function(num) {
      return Math.round(num * 2) / 2;
    }
  }

Answer 1

如果要使用计算值：

<h2 class="txt-bold">Rating: {{roundHalf}}</h2>


computed: {
    roundHalf: function() {
      return Math.round(this.ListOrg.rating * 2) / 2;
    }
  }

Answer 2

更好地使用Vue过滤器：

定义一个过滤器：（全局过滤器）

Vue.filter('roundHalf', function (value) {
    return Math.round(value * 2) / 2;
})

并在vue文件中使用：

<h2 class="txt-bold">Rating: {{ListOrg.rating | roundHalf}}</h2>

定义全局过滤器将帮助您在项目中的任何地方使用它。：）

参考： Vue Filter

如何在Vue模板+ Laravel中使用计算出的函数来显示变量

2 个答案: