vue專案中定義全域性filter
阿新 • • 發佈:2021-12-20
參考部落格:
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 tempswitch(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、在各個元件中直接使用即可