vue 过滤器简单使用

html

<p>{{data1|dataglq}}</p>
<!--v-test使用过滤器-->
<p v-text="$options.filters.dataglq(data1)"></p>
<!--串联过滤器-->
<p>{{data2|filter1|filter2}}</p>
<!--参数过滤器 参数为第二，第三个参数 第一个参数为过滤本身-->
<p>{{data2|filter3(data3,50)}}</p>

js
data部分

data1:"1234567890.13142523",
data2:1111,
data3:500,

filters部分

dataglq:function (value) {
return (parseInt(value)).toLocaleString();
},
filter1:function(value){
return value-111
},
filter2:function(value){
return value-500
},
filter3:function(value,arg1,arg2){
//console.log(arg1)
return value+arg1+arg2
},