Vue 過濾器 Filter傳遞參數

給日期類型過濾器設置不同格式

• dayjs是一款輕量級的日期操作庫 https://day.js.org/en

import Vue from 'vue'
import dayjs from 'dayjs'

// {{ 表達式 | 過濾器 }}
// value: 表達式結果
// format: 格式，默認為 YYYY-MM-DD HH:mm:ss
Vue.filter('date', (value, format = 'YYYY-MM-DD HH:mm:ss') => {
  return dayjs(value).format(format)
})

<span class="date">{{article.createdAt | date}}</span> <!-- 默認 -->
<span class="date">{{article.createdAt | date('MMM DD YYYY')}}</span> <!-- 月份簡寫 天 年 -->