Vue 定义全局过滤器

使用 Moment 插件实现时间的转换。

// 定义全局过滤器 开始
// 引入组件
import Moment from 'moment';
// 配置中文转换
Moment.locale('zh-cn');
Vue.filter('convertTime', function(data,formatStr){
    return Moment(data).format(formatStr);
});

// 相对时间过滤器
Vue.filter('relTime', function(time){
    return Moment(time).format();
});
// 控制数字显示过滤器
Vue.filter('controllShow', function(str,num){
    // 如果当前字符串小于num，返回原值
    if(str.length <= num){
        return str;
    }
    // 如果当前字符串大于num，截取字符串0-num位
    if(str.length > num){
        return str.substring(0, num-1) + '...';
    }
});

// 定义全局过滤器 结束

 

// 定义全局过滤器 开始import Moment from 'moment';Moment.locale('zh-cn');Vue.filter('convertTime', function(data,formatStr){return Moment(data).format(formatStr);});
// 相对时间过滤器Vue.filter('relTime', function(time){return Moment(time).format();});// 控制数字显示过滤器Vue.filter('controllShow', function(str,num){// 如果当前字符串小于num，返回原值if(str.length <= num){return str;}// 如果当前字符串大于num，截取字符串0-num位if(str.length > num){return str.substring(0, num-1) + '...';}});
// 定义全局过滤器 结束