vue3实现全局注册filters
vue3注册filters
1、 在main.js文件中导入,注册
import { createApp } from 'vue'
import * as filters from '@/constants/filter' // 项目中过滤方法的js文件地址
export const app = createApp(App)
app.config.globalProperties.$filters = filters
2、在页面中使用(示例)
<el-table-column property="auditStatus" :label="publick.status">
<template #default="scope">
{{ $filters.aduitStatus(scope.row.auditStatus) }}
</template>
</el-table-column>
vue2注册filters
1、main.js文件中导入,注册
import * as filters from '@/constants/filter'
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
2、在页面中使用(示例)
<div class="price">
<div>{{ item.totalPrice | transPrice }}</div>
</div>
备注
备注
filter.js文件内容示例
export const aduitStatus = (val) => {
switch (val) {
case 0:
return '通过'
case 1:
return '驳回'
case 2:
return '待审核'
case 3:
return '未提交'
}
}