【17.1.10】模板预览后刷新页面图片消失

Matthew.Xue

本帖最后由 Joestar.Xu 于 2025-5-29 11:57 编辑

调研编号：SJS-29841

我们有一个vue项目，在使用gc-spread-sheets组件预览报告模板时，正常第一次预览，模板内的图片是正常显示的。
如果这时候F5刷新页面，模板内的图片会不显示。

想问问看具体原因和相关解决方案

模板的预览是通过请求sjs文件，调用open方法打开的。

const initSpread = (value: GC.Spread.Sheets.Workbook) => {
spreadRef.value = value
}

spreadRef.value!.open(file, openSuccess, (e) => message.error(e.errorMessage))

Matthew.Xue · Matthew.Xue

您好，注意到您Viewer.vue页面中未引入shapes包，这才导致了图片无法正常显示。引入后就可以了：

Joestar.Xu · Joestar.Xu

您好，可能是vue框架中的响应式对象导致的问题，可以参考这篇文章修改试试：https://gcdn.grapecity.com.cn/showtopic-226752-1-9.html

LinkLi · LinkLi

Joestar.Xu 发表于 2025-5-28 09:06
您好，可能是vue框架中的响应式对象导致的问题，可以参考这篇文章修改试试：https://gcdn.grapecity.com.cn ...

你好，这里面的帖子有帮助我们解决了其他一些如白屏问题。现在我们改为使用getHost()方法，然后在调用组件方法地方使用findControl()方法来获取对象。
但我最开始提问的图片问题依旧存在，为了更清晰的描述问题，我这边做了一个录屏操作。

录屏中，可以看到第一次预览模板是有黑色图片的，页面刷新之后，模板加载了（可以看到单元格数据加载进来），但图片不见了。
关闭窗口，再次预览也不会出现图片。
奇怪的是，当同一个模板用设计器组件打开之后，此时没有【修改或者保存模板的操作，仅仅只是用设计器组件打开了模板】，图片正常显示，关闭设计器组件。再重新进入预览组件，图片又会成功显示。

Joestar.Xu · Joestar.Xu

您好，从您的视频中不太能看出来问题出现的原因，能否请您提供一个可以复现此问题的Demo，这边本地复现后调研看看。

LinkLi · LinkLi

Joestar.Xu 发表于 2025-5-28 16:03
您好，从您的视频中不太能看出来问题出现的原因，能否请您提供一个可以复现此问题的Demo，这边本地复现后调 ...

这边做了一个项目复现了一下

Joestar.Xu · Joestar.Xu

您好，您描述的情况我了解了，这边调研一下，后续有进展我会在本贴中回复您。

爱迪生 · 爱迪生

package.json中spreadjs的依赖前的尖括号去掉，否则可能导致依赖的版本不一致

LinkLi · LinkLi

爱迪生发表于 2025-5-29 18:42
package.json中spreadjs的依赖前的尖括号去掉，否则可能导致依赖的版本不一致

已经把依赖全部去掉，重新install之后，还是一样的我问题

LinkLi · LinkLi

Matthew.Xue 发表于 2025-5-30 12:02
您好，注意到您Viewer.vue页面中未引入shapes包，这才导致了图片无法正常显示。引入后就可以了：

好的，解决了，感谢

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

[已处理] 【17.1.10】模板预览后刷新页面图片消失

最佳答案

10 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

SpreadJS 认证

SpreadJS 高级认证

[已处理] 【17.1.10】 模板预览后刷新页面图片消失

最佳答案

10 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

SpreadJS 认证

SpreadJS 高级认证

[已处理] 【17.1.10】模板预览后刷新页面图片消失