1. 程式人生 > 其它 >vue專案中定義全域性filter

vue專案中定義全域性filter

參考部落格:

  https://www.cnblogs.com/zhaoxiaoying/p/10723063.html

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])
})

3、在各個元件中直接使用即可