posts - 59,comments - 0,views - 34881

存在的问题:借用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 `&nbsp;`+value   // 
        }
      }
    }else{
      obj[item.label] = item.prop
    }
  })
  return obj
})

方法3: 处理数据角度给tagId添加换行符

方法2,3亲测可以处理解决数字长度太长转为科学计数法的问题!

posted on   好久不见-库克  阅读(93)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2022-12-02 常见的正则校验
2022-12-02 判断时间是否过期
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示