参考博客:
在vue-cli项目中定义全局 filter、method 方法 - YINGYAN - 博客园
1、在format.js中定义全局filter函数
export default {
formatDate(value) {
let date = new Date(value.replace(/-/g, "/"))
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hours = date.getHours();
if(hours<10){
hours = "0"+ hours;
}
let minutes = date.getMinutes();
if(minutes<10){
minutes = "0"+ minutes;
}
return year +"年" + month + "月" + day + "日" + " " + hours + ":" + minutes;
},
//转化直播状态
formatLiveStatus(status) {
let temp
switch(status) {
case 1:
temp = "直播中";
break;
case 2:
temp = "已结束";
break;
default:
temp = "待开播";
}
return temp;
},
//16999
tranNumber(num, point) {
let numStr = num.toString()
if(numStr.length < 5){
return numStr
}
else if (numStr.length < 6) {
return numStr.substring(0, numStr.length - 3) + "." + numStr.substring(numStr.length - 3, numStr.length - 2) + "k"
} else {
return numStr.substring(0, numStr.length - 4) + "." + numStr.substring(numStr.length - 4, numStr.length - 3) + "w"
}
}
}
2、在main.js中引入
import filters from './util/format'
//全局filter
Object.keys(filters).forEach(k => {
Vue.filter(k, filters[k])
})