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}}
定义全局过滤器将帮助您在项目中的任何地方使用它。:)
参考:
如果要传递参数,则它将成为方法如果要传递参数,则它将成为方法