创建全局filters.js文件 编写需要过滤操作 (vue项目)
注意:在一个文件或模块中,export、import可以有多个,export default仅有一个
只有一个过滤的话没必要写入,此情况适用于需要多个情况
页面使用
import * as 一次性全部导入模块变量! 如有需要可以 import 按需引入
然后在 main.js 中引入以下两个注册即可使用:
import * as filters from './filters'
Object.keys(filters).forEach( key => Vue.filter(key, filters[key]));
页面使用:{{ 123 | moneyHandling('元') }}
filters.js文件内容
/**
* @description: 分金额处理 示例:{{ 123 | moneyHandling('元') }}
* @param {*} val 内容
* @param {*} unit 单位
* @return {*}
*/
export const moneyHandling = (val, unit) => {
let units = unit || '';
if (!val) return '0.00' + units;
return (val / 100).toFixed(2) + units
}
/**
* @description: 文字超出省略号显示
* @param {*} val 内容
* @param {*} digits 位数
* @return {*}
*/
export const wordProcessing = (val, digits) => {
if (!val) return '';
if (val.length > digits) {
return val.slice(0, digits) + '...';
}
return val;
}