?

在?main.js?入口文件全局注冊格式化時間的過濾器，代碼如下所示：

Javascript

// 自定義格式化時間的全局過濾器 Vue.filter('dataFormat', function(originVal) {const dt = new Date(originVal)const year = dt.getFullYear()const mon = (dt.getMonth() + 1 + '').padStart(2, '0')const day = (dt.getDate() + '').padStart(2, '0')const hh = (dt.getHours() + '').padStart(2, '0')const mm = (dt.getMinutes() + '').padStart(2, '0')const ss = (dt.getSeconds() + '').padStart(2, '0')return `${year}-${mon}-${day} ${hh}:${mm}:${ss}` })

在我們的組件當中，通過?|?來給我們的時間添加一個過濾器

最終實現效果如下圖所示：

總結

以上是生活随笔為你收集整理的前端学习（2731）：重读vue电商网站41之自定义格式化时间的全局过滤器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。