vue中filters的用法

程序媛_MISS_zhang_0110

已于 2024-01-05 10:00:37 修改

阅读量1.8k

点赞数 1

分类专栏： Vue 文章标签： Vue.js filters 数据转换 table组件状态显示

于 2021-11-12 16:56:48 首次发布

本文链接：https://blog.csdn.net/MISS_zhang_0110/article/details/121291416

版权

Vue 专栏收录该内容

83 篇文章 1 订阅

订阅专栏

vue中filters的用法

一、代码

一、代码

 <el-table-column prop="taskStatus" label="处理状态" align="left">
    <template slot-scope="scope">
    //scope.row.taskStatus为1,2,3
           {{ scope.row.taskStatus | typeFilter }}
     </template>
 </el-table-column>

filters: {
   typeFilter(val) {
        let typeData = {
            1: '生成中',
            2: '生成成功',
            3: '生成失败',
        }
        return typeData[val]
    },
},