vue i-table组件下拉菜单 out of memary

导致出现问题的列

                    render:(h, params) => {
                        return h('Select',{
                            props:{
                                value: params.row.productId,
                                filterable: true
                            },
                            on:{
                    


           'on-change':(val) => {
                                    params.row.productId = val;
                                    let items = this.product.filter((it) => { return it.product_id == val });
                                    params.row.productNo = items[0].product_no;
                                    params.row.productName = items[0].product_name;
                                    params.row.warehouse = items[0].warehouse_id;
                                    params.row.barCode = items[0].bar_code;


                                    params.row.editionNo = items[0].editionNo;
                                    params.row.lineNo = items[0].lineNo;

  
                                    let vm = this;
                                    productOutstockService.searchCode(Object.assign({},{barCode:params.row.barCode,billId:vm.item.billId,warehouseId:params.row.warehouse})).then(function(result){
                                        if (result.status === 200) {
                                            var items = result.data;
                                            if(items.realNum == null) {
                                                items.realNum = 0;
                                            }
                                            params.row.stock = items.realNum;
                                            vm.modal2.productList[params.index] = params.row
                                                
                                        }else{
                                            this.$Message.error(result.data);
                                        }
                                   })
                                }
                            }
                        },
                        this.product.map((item) => {
                            return h('Option',{
                                props: {
                                    value: item.product_id,
                                    label: item.product_no+" - "+item.product_name
                                }
                            })
                        }))
                    }
                },

如何让 this.product从后台动态获取选完释放内存

读取的数据量太多导致前端页面崩溃，建议分页展示。