axios 如何知道html是完全加载Vue 2

qzwqbdag  于 2023-01-09  发布在  iOS
关注(0)|答案(1)|浏览(120)

我加载了一些axios数据(在获取这些数据的过程中,我抛出了一个modal)到一个html表中,在表的下半部分,我有一个分页,但是由于html没有完全加载,分页按钮在几秒钟后不起作用(到这几秒钟,html被冻结了),我怎么知道html是否完全加载?
当axios完成时,finally函数启动并隐藏模态,但html未加载。

get_products_by_page(page_go_to){
        document.getElementById('modal-loading').style.display = 'block';
        axios.post('/intranet2/pedidos/search_data_product_stock_v2', {
            id_products: this.id_products[page_go_to], id_supplier_selected: this.id_supplier_selected, range_min: this.range_min, range_max: this.range_max
        }).then(function(response) {

            if(response.data.length != 0){
                this.current_page   = page_go_to;
                this.data_products  = response.data;

                this.$forceUpdate();

                try {
                    for (var i = 0; i < this.data_products.length; i++) {
                        document.getElementById('row'+this.data_products[i].id_product).style.backgroundColor='#FFFFFF';
                    }
                } catch (error) {
                  //console.error(error);
                }
            
            }else{
                this.data_products = [];
                this.number_pages   = 0;
                this.total_products = 0;

                $.notify('Sin resultados.', 'info');
            }

        }.bind(this), function(response) {
            $.notify('Error al buscar productos.');
        }).finally(() => document.getElementById('modal-loading').style.display = 'none');
    },
roejwanj

roejwanj1#

你可以使用Vue生命周期钩子updated()。

loadData() {
  lockPagination();
  apiRequest();
}

updated() {
 unlockPagination();
}

相关问题