el-table怎么显示 特殊单元格的值

1. 在 el-table-column 上绑定了 formatter 方法 formatEntityName ,它会对每一行该列的数据( cellValue )进行处理。

  1. 在 formatEntityName 方法中,尝试对传入的 cellValue 进行 JSON.parse 操作,并根据解析结果返回合适的值。

  2. 在 <template> 的作用域插槽中,通过 scope.formattedValue 来获取 formatter 处理后的值(这是 el-table 中 formatter 处理后会自动添加到 scope 上的属性 ),然后直接在 <span> 中展示。

相关推荐
N***73856 小时前
Vue网络编程详解
前端·javascript·vue.js
e***71676 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜6 小时前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽6 小时前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、7 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
用户47949283569158 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
WYiQIU8 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837758 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀8 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦8 小时前
【vue】导航栏变动后刷新router的几种方法
前端·javascript·vue.js