vxe-grid 列表中的 1-2 导出为为1月2号
时间: 2024-09-26 10:12:02 浏览: 39
在 `vxe-grid` 中,如果希望将列表中的 "1-2" 格式的日期导出为 "1月2号" 的形式,你需要在导出数据之前对单元格内容进行处理。通常,你可以通过监听 `before-export` 事件并在该事件中进行格式转换。下面是一个简单的示例:
```javascript
import { Grid } from 'vxe-table';
Vue.use(Grid);
new Vue({
el: '#app',
data: {
// ... your grid data
},
methods: {
beforeExport(e, type) {
if (type === 'csv' && e.columns.some(col => col.field.includes('yourDateColumn'))) {
e.data.forEach(row => {
row.yourDateColumn = row.yourDateColumn.split('-').map(Number).join('/')
.replace(/\D/g, '') + '号'; // 转换为"1月2号"格式
});
}
return e;
}
},
components: {
Grid
}
});
```
这里,我们假设有一个名为 `yourDateColumn` 的列,我们在 `beforeExport` 事件中遍历每一行数据,将 "1-2" 格式转换为 "1月2号"。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)