Vue - Filters

Vue 全局使用 Filters

  1. src/assets下新建一個filters.js文件。
let dateFilters = function(date) {  // date:即爲要過濾的key
    return 1234;
};

export {
    dateFilters
};
  1. main.js中,註冊Filters.
// filters
import * as filters from './eam/assets/filters';
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})
  1. 在vue文件中使用即可。
<!-- 發生時間 -->
<template slot-scope="{ row, index }" slot="start_time">
    <span>{{ row.start_time | dateFilters }}</span>
</template>

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章