# 過濾器的定義 ## 過濾器參數的使用 過濾器的第一個參數是通過管道傳遞過來的 ~~~ <Tag color="orange"> {{ item.create_at | formatDate("yyyy-MM-dd") }} </Tag> ## 全局定義過濾器 ~~~ 如果需要全局注冊一個filter，則需要在main.js中完成注冊過程 ~~~ //注冊一個全局的過濾器，用于格式化顯示日期和時間 Vue.filter("formatDate", function(date, fmt = "yyyy-MM-dd") { date = new Date(date); if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length) ); } let o = { "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), }; for (let k in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + ""; fmt = fmt.replace( RegExp.$1, RegExp.$1.length === 1 ? str : ("00" + str).substr(str.length) ); } } return fmt; }); new Vue({ router, store, render: (h) => h(App), }).$mount("#app"); ~~~