【V17.1.1】 json渲染，显示内存溢出循环引用

Ellia.Duan

这是报错的截图，显示Uncaught RangeError: Maximum call stack size exceeded
5d370070f20e824e47dc7a78b12520c.png787757873.png

这是渲染的代码，代码上只有json注入，然后增量加载，代码上可以排除我们内部本身就没有循环引用，我们这边基于纯SpreadJS使用的，没有用现在编辑器
be8fd5fd78c693a18ec7c37e8ccfc27.png46405943.png

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-8-8 16:17 编辑

您好，不建议将复杂的spreadjs对象封装在vue中，如代码中的

data () {
return {
workbook: null, //spreadJs
statusBar: null,
}
},

复制代码

因为作为vue的component，只要你往component上方一个property，vue就会用proxy把对象包了。这个封装是为了拿到变更后更新view
然后把spread放上面，整个spread实例都被包了。不仅干扰到spread自己内部的数据访问。而且会引起内存问题。

在vue3中，可以使用markRaw阻止vue对SpreadJS对象的代码，
https://gcdn.grapecity.com.cn/fo ... mp;page=1#pid761627

在vue2中，可以参考下面的代码，在this中定义spread的dom对象，在需要用到的地方var spreadReal = GC.Spread.Sheets.findControl(this.spread);