备案控制台
开发者社区 开发与运维 文章 正文

Vue3使用xlsx导出表格时获取不到最新数据

2023-08-01 73
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue3使用xlsx导出表格时获取不到最新数据

可以使用nextTick来解决这个问题


原因分析


如果是再导出时更改了表格的数据，那么就造成表格的dom还没更新完毕

这时导出就已经开始了，所以xlsx获取到的表格渲染的还是数据更新前的状态，导出的excel表格也是更新前的数据


解决方法


import {nextTick} from 'vue'
const exportExcel= async () =>{
      //在nextTick之前更新数据
      await nextTick()
      //在nextTick之后进行导出
}
文章标签：
JavaScript
关键词：
表格VUE.js
表格数据VUE.js
vue3表格VUE.js
数据VUE.js
vue3表格数据VUE.js
仙鹤童子```
目录
相关文章
demo123567
|
1天前
|
JavaScript API UED
Vue3中的Suspense组件有什么用？
Vue3中的Suspense组件有什么用？
demo123567
16 6
demo123567
|
1天前
|
JavaScript 前端开发 索引
Vue3基础之v-if条件与 v-for循环
Vue3基础之v-if条件与 v-for循环
demo123567
7 0
demo123567
|
1天前
|
JavaScript
Vue3基础之v-bind与v-on
Vue3基础之v-bind与v-on
demo123567
10 0
demo123567
|
1天前
|
JavaScript 测试技术 API
Vue3中定义变量是选择ref还是reactive？
Vue3中定义变量是选择ref还是reactive？
demo123567
12 2
宁波阿成.
|
1天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
宁波阿成.
17 1
宁波阿成.
|
1天前
|
JavaScript 前端开发
vue2升级到vue3的一些使用注意事项记录(四）
vue2升级到vue3的一些使用注意事项记录(四）
宁波阿成.
12 0
宁波阿成.
|
1天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
宁波阿成.
13 0
宁波阿成.
|
1天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable多租户机制
ruoyi-nbcio-plus基于vue3的flowable多租户机制
宁波阿成.
9 0
宁波阿成.
|
1天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
宁波阿成.
8 0
宁波阿成.
|
1天前
|
JavaScript 前端开发
vue3中使用动态组件
vue3中使用动态组件
宁波阿成.
11 0

热门文章

最新文章

  • 1
    vue项目开发笔记记录（一）
  • 2
    vue项目实战：实战技巧总结（中）
  • 3
    vue项目开发笔记记录（二）
  • 4
    vue项目使用可选链操作符编译报错问题
  • 5
    vue项目开发笔记记录（四）
  • 6
    乾坤子应用配置(vue3+vite)
  • 7
    vue3+vite项目配置ESlint
  • 8
    vue3+threejs+koa可视化项目——实现登录注册（第三步）
  • 9
    Vue的路由管理：VueRouter的配置和使用
  • 10
    vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
  • 1
    Vue中的数据变化监控与响应——深入理解Watchers
    17
  • 2
    vue3+threejs+koa可视化项目——模型文件上传(第四步)
    18
  • 3
    vue3+threejs+koa可视化项目——实现登录注册（第三步）
    42
  • 4
    vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
    38
  • 5
    Vue 项目中的权限管理：让页面也学会说“你无权访问！
    35
  • 6
    【vue】iview如何把input输入框和点击输入框之后的边框去掉
    21
  • 7
    【vue实战】父子组件互相传值
    19
  • 8
    vue2_引入Ant design vue
    18
  • 9
    【Vue】绝了！这生命周期流程真...
    17
  • 10
    【vue】框架搭建
    10

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考