Vue全局注册filters
首先,在src中定义filters文件夹,在index.js中定义过滤函数,
如千分位的过滤函数
/**
* 10000 => "10,000"
* @param {number} num
*/
export function toThousandFilter(num) {
return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
}
在main.js里注册全局过滤器
import * as filters from './filters' // global filters
// register global utility filters
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
然后就可以在页面中愉快的使用啦