vue el-table数据转换，使用<template slot-scope="scope">对表格赋值时，formatter 不起作用

Vue El-Table 使用 slot-scope 赋值与 formatter 问题解析

最新推荐文章于 2025-06-25 01:53:19 发布

原创

最新推荐文章于 2025-06-25 01:53:19 发布 · 7.6k 阅读

5 ·

CC 4.0 BY-SA版权

在 Vue 的 Element UI 中，通常使用 formatter 函数来格式化 el-table 的数据显示。然而，在项目实践中遇到一个问题，当通过 <template slot-scope="scope"> 对表格数据赋值时，formatter 不再生效。本文将探讨这个问题的原因及提供解决方案，展示最终实现的正确效果。

一般在 table 表格中，对数据进行转换是通过如下形式：

<el-table-column
      prop="deptType"
      label="部门类型"
      :formatter="formatDepartType" 
      >
</el-table-column>
 methods: {
   
   
       formatDepartType(row