我加载了一些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');
},
1条答案
按热度按时间roejwanj1#
你可以使用Vue生命周期钩子updated()。