Vue項目中全局過濾器的使用（格式化時間）

過濾器格式化時間，借助moment插件

未格式化前如圖

 

步驟：

1.下載插件

import moment from 'moment'

2.main.js中引入插件

npm install moment --save

3.main.js中定義全局過濾器

Vue.filter('dataFilter',function (dataStr,patten = 'YYYY-MM-DD HH:mm:ss') {
  return moment(dataStr).format(patten)
});

4.在需要格式化時間的組件中用管道符的形式調用

 <div class="cmtTitle">
            第{{item.id}}樓&nbsp;&nbsp;用戶：匿名用戶&nbsp;&nbsp;發表時間：{{ item.add_time | dataFilter }}
          </div>