Javascript 如何使用计算函数在vue模板中显示变量+;拉维尔

Javascript 如何使用计算函数在vue模板中显示变量+;拉维尔,javascript,laravel,variables,vue.js,Javascript,Laravel,Variables,Vue.js,我想先显示数据库中的变量,然后对其进行四舍五入。你能帮我了解一下这个的语法吗 <h2 class="txt-bold">Rating: {{roundHalf(ListOrg.rating)}}</h2> computed: { roundHalf: function(num) { return Math.round(num * 2) / 2; } } Rating:{{roundHalf(ListOrg.Rating)} 计算:{

我想先显示数据库中的变量,然后对其进行四舍五入。你能帮我了解一下这个的语法吗

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


computed: {
    roundHalf: function(num) {
      return Math.round(num * 2) / 2;
    }
  }
Rating:{{roundHalf(ListOrg.Rating)}
计算:{
roundHalf:函数(num){
返回数学舍入(num*2)/2;
}
}

如果要使用计算值:

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


computed: {
    roundHalf: function() {
      return Math.round(this.ListOrg.rating * 2) / 2;
    }
  }
评级:{{roundHalf}
计算:{
roundHalf:function(){
返回Math.round(this.ListOrg.rating*2)/2;
}
}

如果要使用计算值:

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


computed: {
    roundHalf: function() {
      return Math.round(this.ListOrg.rating * 2) / 2;
    }
  }
评级:{{roundHalf}
计算:{
roundHalf:function(){
返回Math.round(this.ListOrg.rating*2)/2;
}
}

最好使用Vue过滤器:

定义过滤器:(全局过滤器)

并在vue文件中使用,如:

<h2 class="txt-bold">Rating: {{ListOrg.rating | roundHalf}}</h2>
Rating:{{ListOrg.Rating | roundHalf}}
定义全局过滤器将帮助您在项目中的任何地方使用它。:)

参考:

最好使用Vue过滤器:

定义过滤器:(全局过滤器)

并在vue文件中使用,如:

<h2 class="txt-bold">Rating: {{ListOrg.rating | roundHalf}}</h2>
Rating:{{ListOrg.Rating | roundHalf}}
定义全局过滤器将帮助您在项目中的任何地方使用它。:)

参考:

如果要传递参数,则它将成为方法如果要传递参数,则它将成为方法