存在的问题:借用vue3-json-excel插件导出的xls的tagID这一项数据过长出现科学技术法。
方法1. 网上给出的办法是将长数字转换为字符串。
我的数据tagID这个数据接口返回来的本就是字符串。
所以改方法不行🙅
方法2: 在vue3-json-excel插件的表头的tagID加转义字符‘ ’
第一步:全局组件:downloadExcel
第二步:使用 downloadExcel
点击查看代码
<download-excel
:data="allData"
:fields="tableFields"
name="ad数据报表-数据报表"
style="margin-left: 20px;"
>
<el-button type="primary">
<span>导出</span>
</el-button>
</download-excel>
第三步:
在返回的value值前面拼接一个转义字符‘ ’(代表一个空格),不能直接写 ‘ ’代替空格,否则无效。
点击查看代码
// 导出的表头
const tableFields = computed(() => {
const obj = {}
finalColumns.value.forEach(item => {
if(item.prop=='tagId'){
obj[item.label] ={
field:'tagId',
callback:(value)=>{
return ` `+value //
}
}
}else{
obj[item.label] = item.prop
}
})
return obj
})
方法3: 处理数据角度给tagId添加换行符
方法2,3亲测可以处理解决数字长度太长转为科学计数法的问题!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
2022-12-02 常见的正则校验
2022-12-02 判断时间是否过期