vue项目 接口中对获取到的数据进行双重for循环导致页面不渲染

以下为2022年5月12日更新

今天跟朋友解决一个vue项目中的问题，大概意思是：

前端向后端发送接口请求，请求成功之后，后端返回了一个数组，数组中包含了上百条数据。而我们需要做得是将这上百条数据以每组20条的形式渲染到页面上。

我和朋友的解决办法是：

定义一个空数组，这个空数组里面的元素也是空数组，然后循环返回的包含了上百条数据的数组，将前20条数据放进第一个为空数组的元素中，然后利用splice将原数组的前20条数据删除，跳出循环。以下为代码：

getSell(){
    topicList({需要传的数据}).then(response=>{
        let arr = [];
        arr.length = 10;  //因为200条数据 20个一组 正好是10组
        for(var i=0;i<arr.length;i++){
            arr[i] = [];  //把arr里的每一项都变成空数组
            for(var j=0;j<response.data.length;j++){
                //response.data为后端返回的包含200条数据的数组
                arr[i].push(response.data[j])
                if(j == 20){
                    j == 201   //因为response.data的长度为200，所以会直接退出循环
                }
            }        
        }        
    })

}