Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用vue infinite loader在v-data表中呈现50行数据时内存膨胀_Javascript_Html_Vue.js_Infinite Scroll - Fatal编程技术网

Javascript 使用vue infinite loader在v-data表中呈现50行数据时内存膨胀

Javascript 使用vue infinite loader在v-data表中呈现50行数据时内存膨胀,javascript,html,vue.js,infinite-scroll,Javascript,Html,Vue.js,Infinite Scroll,我在使用和/或用于呈现表数据的v-data-table时遇到内存膨胀问题。在.vue文件中。我试图理解为什么在触发无限加载程序(大小约为100KB)时,获取50行数据会导致Chrome和IE增加约30MB 每次在页面底部触发无限加载程序时,它都会获取数据(50行,约6列简单数据),我接收数据,然后将数据推送到ajax响应中的数组“列表”,然后vue无限加载程序在v-data-table表的底部呈现(concats)数据 但每次我做一个新的获取,IE和Chrome消耗的内存量大约是30+MB。因此

我在使用和/或用于呈现表数据的v-data-table时遇到内存膨胀问题。在.vue文件中。我试图理解为什么在触发无限加载程序(大小约为100KB)时,获取50行数据会导致Chrome和IE增加约30MB

每次在页面底部触发无限加载程序时,它都会获取数据(50行,约6列简单数据),我接收数据,然后将数据推送到ajax响应中的数组“列表”,然后vue无限加载程序在v-data-table表的底部呈现(concats)数据

但每次我做一个新的获取,IE和Chrome消耗的内存量大约是30+MB。因此,在几次抓取之后,内存就会膨胀,使机器陷入困境。即使提取的数据量约为100KB

我获取了100kb的数据,即50行。当我收到数据时,我将其放入如下列表中

this.list.push(…response.data)
//尝试使用相同的内存膨胀问题
//this.list=this.list.concat(response.data)
//尝试使用相同的内存膨胀问题
//this.list=[].concat(this.list,response.data)