美文网首页
Vue 小数点保留后两位!

Vue 小数点保留后两位!

作者: 我是江海洋我真的是江海洋 | 来源:发表于2018-09-17 19:41 被阅读0次

body部分:保留的小数会四舍五入

<div id="app">
<p>{{11.11111|addZero}}</p>
</div>
js部分:

//全局过滤器
Vue.filter('addZero',function(value){
return value.toFixed(2)
})

new Vue({
el:'#app',
//局部过滤器
filters:{
addZero:function(data){
return data.toFixed(2)
}
}
})

相关文章

网友评论

      本文标题:Vue 小数点保留后两位!

      本文链接:https://www.haomeiwen.com/subject/mbkdnftx.html