- filters文件夾新建需要過濾文件夾(列:worksheetStatus.ts)
/** - 質(zhì)檢狀態(tài)
*/
function worksheetStatus(status) {
switch (status) {
case 2:
return '質(zhì)檢不合格'
case 3:
return '質(zhì)檢合格'
case 4:
return '用戶已確認'
case 5:
return '全部'
default:
return '未質(zhì)檢'
}
}
export default worksheetStatus
* 再建一個index.ts(引入多個需要過濾的ts)
import _Vue from 'vue'
import dateFormat from './dateFormat'
// 嚴重程度
import severity from './severity'
// 未質(zhì)檢
import worksheetStatus from './worksheetStatus'
// 訂單狀態(tài)
import BusinessStatus from './BusinessStatus'
const injectFilters = (Vue:typeof _Vue) => {
Vue.filter('dateFormat', dateFormat)
Vue.filter('severity', severity)
Vue.filter('worksheetStatus', worksheetStatus)
Vue.filter('BusinessStatus', BusinessStatus)
}
export default injectFilters
* 在main.ts 里引入
import injectFilters from '@/filters'
/**
- 注入全局的filter
*/
injectFilters(Vue) - 在組件里使用
{{ scope.row.worksheet_status | worksheetStatus }} // 1.你需要過濾的數(shù)據(jù),2.過濾器