1.在main.js引入文件
import filters from './filters';
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
2.文件src/filters/index.js
// 千分位 exports.num_filter用下划线的命名这种写法（{{367.9878 | num_filter}}）触发不了，必须改成exports.numFilter才可以触发（{{367.9878 | numFilter}}）
exports.numFilter = (val) => {
val = val ? val.toLocaleString() : '';// 3,000.5
if ( val.indexOf('.') == -1) {
val = val + '.00';
} else if ( val.charAt(val.indexOf('.') == val.length-2 )){
val = val + '0'; // 3,000.50
}
return val
}
3.使用
{{goodsMoney | numFilter}}
注意：此处的命名要用小驼峰式命名法
网友评论