直播平臺搭建，全域性過濾器（以時間過濾器為例）

1首先在mian.js入口檔案中定義全域性過濾器如下（全域性定義，則任何一個元件可以使用）

//定義時間格式化的過濾器，用於將毫秒轉換為標準格式的時間
Vue.filter('dateFormat', function (originValue) {
  //將需要過濾的日期轉成日期格式
  const dt = new Date(originValue)
  //獲取年份
  const y = dt.getFullYear()
  //獲取月份，不足兩位的前面將以0補齊
  const m = (dt.getMonth() + 1 + '').padStart(2, '0') //+1是因為起始月從0開始
  //獲取日，不足兩位的前面將以0補齊
  const d = (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 `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

​2.在元件中使用

這裡是結合table一起使用（使用的是element-ui）

    <el-table-column label="建立時間" width="200px">
        <template slot-scope="scope">
           {{ scope.row.add_time | dateFormat }}
        </template>
    </el-table-column>
以上就是直播平臺搭建，全

局過濾器（以時間過濾器為例）， 更多內容歡迎關注之後的文章