码迷,mamicode.com
首页 > 其他好文 > 详细

vue实例中的filters属性

时间:2019-10-05 20:33:18      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:lin   差值   过滤   ret   height   back   数据   mic   turn   

技术图片

技术图片

filters过滤器可以通过管道符”|”绑定进属性或者差值表达式中

v-bind:value | filterName

{{message | filterName}}

过滤器用于对数据进行有规律的变形,上述的代码用过滤器来给价格数据增加”¥”符号,和保留两位小数。通过 return 将过滤结果返回。

定义方法:

filters:{
//ES6增强写法 等同showPrice:function(price){...}
showPrice(price){
return ‘¥‘+price.toFixed(2)
}
}

vue实例中的filters属性

标签:lin   差值   过滤   ret   height   back   数据   mic   turn   

原文地址:https://www.cnblogs.com/chujunqiao/p/11625434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!