vue 中 全局 过滤器 filter 两种用法

一. 创建filters.js 文件 里面写好方法

const vFilter1={ 
 numFilter:function (value) { 
   // 截取当前数据到小数点后两位 
   let realVal = Number(value).toFixed(2) 
   return realVal 
  } 
 } 
 const vFilter2={ 
 numFilter:function (value) { 
   // 截取当前数据到小数点后三位 
   let realVal = Number(value).toFixed(3) 
   return realVal 
  } 
 } 

export default {vFilter1，vFilter2}

（方法仅参考）

二. main.js 中引用

import vueFilter from './js/filter'
for (let key in vueFilter){ 
 Vue.filter(key,vueFilter[key]) 
}

三 .vue 中使用

1. html 中

<p>￥{{goodsItem.goodsPrice|numFilter}}</p>

2.methods 中

methods: {
test() {
	var a = 1111.2366
	this.a =  this.$options.filters.vFilter1(a);
}
}