vxe-table 插槽的单元格数据导出空白
时间: 2023-11-21 09:57:43 浏览: 278
Vxe Table/Grid 单元格分组合并
为了解决vxe-table插槽的单元格数据导出空白的问题,可以使用formatter函数来格式化单元格的数据。具体步骤如下:
1.在columns中定义formatter函数,用于格式化单元格的数据。
2.在表格中使用formatter函数。
下面是一个示例代码:
```javascript
// 定义columns
const columns = [
{
title: '姓名',
key: 'name'
},
{
title: '性别',
key: 'sex',
formatter: ({ cellValue }) => {
return cellValue === 'M' ? '男' : '女'
}
},
{
title: '年龄',
key: 'age'
}
]
// 使用formatter函数
<vxe-table :columns="columns" :data="tableData">
<template #cell.sex="{ cellValue }">
{{ cellValue === 'M' ? '男' : '女' }}
</template>
</vxe-table>
```
在上面的代码中,我们定义了一个formatter函数来格式化性别列的数据。然后在表格中使用了这个formatter函数来显示性别列的数据。
阅读全文