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>
相关推荐
华仔啊1 分钟前
Vue 组件通信的 8 种最佳实践,你知道几种?
前端·vue.js
John_ToDebug3 分钟前
Chromium WebUI 深度解析:src/ui/webui/resources 的架构定位与运行机制
chrome·架构·web
POLITE35 分钟前
Leetcode 234.回文链表 JavaScript (Day 9)
javascript·leetcode·链表
用户44455436542629 分钟前
Android依赖的统一管理
前端
国家二级编程爱好者29 分钟前
Android Lottie使用,如何自定义LottieView?
android·前端
南囝coding29 分钟前
《独立开发者精选工具》第 025 期
前端·后端
@淡 定31 分钟前
Dubbo + Nacos 完整示例项目
前端·chrome·dubbo
毕设源码-邱学长33 分钟前
【开题答辩全过程】以 基于web的博客论坛系统的设计与实现为例,包含答辩的问题和答案
前端
就叫曲奇饼干吧35 分钟前
前端面试题整理(方便自己看的)
前端·面试
拖拉斯旋风1 小时前
防抖(Debounce)实战解析:如何用闭包优化频繁 AJAX 请求,提升用户体验
前端