1.vue自定义过滤器filter
//1.全局过滤器
Vue.filter('globalFilter', function (value) {
return value + "!!!"
})
//2.组件过滤器
<span class="side_li_num" v-if="activeRank=='third'">{
{item.onDutyRate | returnFloat}}</span>
watch:{
},
filters:{
returnFloat(value) {
let val=Math.round(parseFloat(value)*100)/100;
let s= val.toString().split(".");
if(s.length==1){
val=val.toString()+".00";
}
if(s.length>1){
if(s[1].length<2){
val=val.toString()+"0";
}
return val;
}
},
},
2.参数写法
过滤器的参数写法
1、
{
{ message | filterA | filterB }}
message是作为参数传给filterA 函数,而filterA 函数的返回值作为参数传给filterB函数,最终结果显示是由filterB返回的。
2、
{
{ message | filterA('arg1', arg2) }}
filterA的第一个参数是message,依次是‘arg1’,arg2
3、
{
{ 'a','b' | filterB }}
表示'a'和'b'分别作为参数传给filterB