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>
相关推荐
许我半盏清茶3 分钟前
JavaScript 原型与原型链完全指南
javascript
葬送的代码人生4 分钟前
别再「Ctrl+C/V」了!Git 开发必备技能,10 分钟告别单机码农
前端·github·代码规范
xuankuxiaoyao5 分钟前
vue.js 设计与开发 ---路由
前端·javascript·vue.js
ZC跨境爬虫8 分钟前
跟着 MDN 学CSS day_6:(伪类和伪元素详解)
前端·javascript·css·数据库·ui·html
idcu9 分钟前
Lyt.js + Vite 快速开发指南
前端·typescript
暗不需求10 分钟前
玩转 React Hooks:从基础到实战,逐行解析带你彻底掌握
前端·react.js·面试
一颗小青松11 分钟前
css 文字区域根据图片形状显示,根据文字设置背景图
前端·css
阿黎梨梨12 分钟前
跟 Git 打交道的正确姿势
前端
idcu12 分钟前
深入 Lyt.js 路由系统:L6 生态系统层的核心
前端·typescript
idcu13 分钟前
用 Lyt.js 构建 Todo 应用:完整教程
前端·typescript