本文主要是介绍elment表格组件a-table属性formatter,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
table中列属性
formatter
,格式化表格数据->处理表格中显示的内容
(像根据状态数值去显示当前状态对应的中文,或者处理一些是与否相间等)
实现代码
<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>
这篇关于elment表格组件a-table属性formatter的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!