elment表格组件a-table属性formatter

table中列属性formatter,格式化表格数据->处理表格中显示的内容(像根据状态数值去显示当前状态对应的中文,或者处理一些是与否相间等)

实现代码
bash 复制代码
<template>
	<el-table-column 
      		v-for="(item,index) in columns" 
      		:prop="item.prop" 
      		:label="item.label" 
      		:width="item.width || ''" 
     		:formatter="item.formatter">
      </el-table-column>
</template>

<script setup>
const columns = ref([
  {
    label: '项目名称',
    prop: 'projectName' 
  },
  {
    label: '状态',
    prop: 'isEnable',
    formatter: (row) => {
      let curStatus = '';
      projectsData.findIndex(item => {
        if(item.value == row.isEnable) curStatus = item.label;
      })
      return curStatus
    }
  },
])
</script>
相关推荐
user86158185781543 分钟前
Element UI 表格 show-overflow-tooltip 长文本导致闪烁的根本原因与解法
前端
不会写前端的小丁7 分钟前
前端首屏渲染性能优化小技巧
前端
还不秃顶的计科生7 分钟前
defaultdict讲解
开发语言·javascript·ecmascript
晴虹8 分钟前
lecen:一个更好的开源可视化系统搭建项目--组件和功能按钮的权限控制--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一
前端·后端·低代码
爱分享的鱼鱼10 分钟前
Pinia 深度解析:现代Vue应用状态管理最佳实践
前端·后端
花归去12 分钟前
echarts 柱状图包含右侧进度
开发语言·前端·javascript
沐浴露z23 分钟前
学习通“只能录入不能粘贴” 解决方案与原理分析
javascript
多看书少吃饭27 分钟前
Vite开发环境按需编译是怎么实现的
前端
ybb_ymm36 分钟前
@Async修饰不生效
java·前端·数据库
Sapphire~39 分钟前
Vue3-03 熟悉src文件夹及Vue文件格式
前端·javascript·vue.js