slot-scope插槽搭配filters的使用

最新推荐文章于 2023-06-29 15:09:19 发布

每天都在努力学习的刘同学

最新推荐文章于 2023-06-29 15:09:19 发布

阅读量264

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/javaltt/article/details/119726023

版权

slot-scope filters el-table formOfEmployment 数据过滤

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

slot-scope插槽搭配filters的使用

先来定义一个插槽

 <el-table-column label="聘用形式">
            <template slot-scope="scope">
              形式:{{ scope.row.formOfEmployment }}
            </template>
 </el-table-column>

定义filters

filters: {
	// 这里的val是得到的数据
    screenEmployment(val) {
      if (val === 1) {
        return '正式'
      } else {
        return '非正式  '
      }
    }
  },

给插槽添加上过滤器

          <el-table-column label="聘用形式">
            <template slot-scope="scope">
              形式:{{ scope.row.formOfEmployment | screenEmployment }}
            </template>
          </el-table-column>