【14.1.5】【动态改变数据,表格不重新渲染】

Derrick.Jiao

本帖最后由 LoveDreaMing 于 2021-9-1 19:56 编辑

使用setValue给单元格赋值,但是改变数据,表格不重新渲染

新附件已上传麻烦帮忙处理一下!

Derrick.Jiao · Derrick.Jiao

LoveDreaMing 发表于 2021-9-2 11:37
按照这种方式是能够实现动态渲染的但是数据超过几百就会特别的卡顿数据上千设置造成浏览器的卡死现象 ...

经调研，这个时间是花在了autofitColumn上，自适应那么多列的数据确实需要花费比较多的时间
image.png898123779.png

建议您使用setColumnWidth去设置列宽，就像下面的代码那样，可以优化到几十毫秒，就像上图那样。
image.png877005309.png

Derrick.Jiao · Derrick.Jiao

您好，您提供的单个vue文件这边未能运行，麻烦您在附件的demo复现您的问题或者移除您的业务逻辑提供一个能够复现问题的工程，demo越简洁我们越容易快速定位问题。

LoveDreaMing · LoveDreaMing

Derrick.Jiao 发表于 2021-8-31 17:45
您好，您提供的单个vue文件这边未能运行，麻烦您在附件的demo复现您的问题或者移除您的业务逻辑提供一个能 ...

参照给的demo上传了新的附件,类似于这种效果,数据异步变化怎么实现表格跟着数据动态渲染

Derrick.Jiao · Derrick.Jiao

LoveDreaMing 发表于 2021-8-31 19:03
参照给的demo上传了新的附件,类似于这种效果,数据异步变化怎么实现表格跟着数据动态渲染

您可以写一个promise在成功的回调用将数据写入，例如附件的demo。

LoveDreaMing · LoveDreaMing

Derrick.Jiao 发表于 2021-9-1 09:48
您可以写一个promise在成功的回调用将数据写入，例如附件的demo。

不太符合我的使用场景我又上传了新的附件是在vue组件内实现的延迟不断变化数据需要动态的渲染表格

Winny · Winny

LoveDreaMing 发表于 2021-9-1 11:58
不太符合我的使用场景我又上传了新的附件是在vue组件内实现的延迟不断变化数据需要动态的渲染表格

您好，看了您的代码，咱们这边代码书写逻辑是有问题的。
数据到达之后并不会重新执行initWorkbook()方法，需要重新封装一个方法，在结果返回后调用封装好的方法。

LoveDreaMing · LoveDreaMing

Winny 发表于 2021-9-1 15:35
您好，看了您的代码，咱们这边代码书写逻辑是有问题的。
数据到达之后并不会重新执行initWorkbook()方法 ...

单独封装了一个方法但是只是在第一次调用时会渲染后面的调用也生效了但是都不再渲染了已上传新的vue文件

Derrick.Jiao · Derrick.Jiao

LoveDreaMing 发表于 2021-9-1 17:23
单独封装了一个方法但是只是在第一次调用时会渲染后面的调用也生效了但是都不再渲染了已上传新的v ...

这个是可以正常显示出现的，并且setData可以调用

LoveDreaMing · LoveDreaMing

本帖最后由 LoveDreaMing 于 2021-9-1 19:55 编辑

Derrick.Jiao 发表于 2021-9-1 18:22
这个是可以正常显示出现的，并且setData可以调用

延时改变 result 里面的数据但是表格渲染没变啊, 麻烦看一下附件里的 index.vue 文件希望是数据变化重复调用封装的方法然后表格跟着数据变化也能重新渲染新的数据

上传了用js实现的初始化也是第一次改变数据时能渲染出来第二次也执行了但是不渲染了

		自动登录	找回密码
密码			立即注册

[已处理] 【14.1.5】【动态改变数据,表格不重新渲染】