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>
相关推荐
独自破碎E3 分钟前
TS7016: Could not find a declaration file for module ‘vue-router‘.解决办法
前端·javascript·vue.js
仰望星空@脚踏实地11 分钟前
DataKit js-yaml和follow-redirects组件依赖影响分析
前端·datakit
Mr_fang7194031 分钟前
iframe 导致 Vue Router go(-1) 无法正常返回问题解决方案
前端
Drift_Dream34 分钟前
Node.js 第二课:用核心模块构建你的第一个服务器
前端·后端
DEMO派39 分钟前
首页图片懒加载实现方案解析
前端
用户9520816117943 分钟前
百度地图MapVThree Editor:地图编辑
前端
程序员龙语1 小时前
CSS 文本样式与阴影属性
前端·css
LYFlied1 小时前
【每日算法】LeetCode 152. 乘积最大子数组(动态规划)
前端·算法·leetcode·动态规划
狼与自由1 小时前
excel 导入 科学计数法问题处理
java·前端·excel
TAEHENGV1 小时前
导入导出模块 Cordova 与 OpenHarmony 混合开发实战
android·javascript·数据库