vue实例中的filters属性

Posted chujunqiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实例中的filters属性相关的知识,希望对你有一定的参考价值。

技术图片

技术图片

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

v-bind:value | filterName

message | filterName

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

定义方法:

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

以上是关于vue实例中的filters属性的主要内容,如果未能解决你的问题,请参考以下文章

Vue 常用属性汇总

Vue框架——Vue导读Vue实例(挂载点el数据data过滤器filters)Vue指令(文本指令v-text事件指令v-on属性指令v-bind表单指令v-model)

vue属性绑定函数何时执行

vue-lazyload 源码解析

vue中vue全局组件的特点

Vue组件中prop属性使用说明实例代码详解