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

这是报错的截图，显示Uncaught RangeError: Maximum call stack size exceeded

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

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

1. data () {
   
2.     return {
   
3.       workbook: null, //spreadJs
   
4.       statusBar: null,
   
5.     }
   
6.   },

复制代码

因为作为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);

1. initSpread(spread) {        
   
2.     this.spread = spread.getHost();
   
3. },     
   
4. addSheet() {
   
5.     var sheet = new GC.Spread.Sheets.Worksheet('New Sheet');
   
6.     var spreadReal = GC.Spread.Sheets.findControl(this.spread);
   
7.     spreadReal.addSheet(1,sheet);
   
8. }

复制代码

您好！根据您提供的ssjson文件，发现其中存在循环引用，如下图所示：

请您提供一个能够复现问题的demo。

1、npm install
2、npm run dev
3、localhost:8080
执行这三步就可以看到报错

您好！由于您长时间未回贴，且从跟帖信息了解到您的问题已得到了有效的解决方案，那就结帖了。如有问题，欢迎继续发帖沟通。