當(dāng)前位置：
首頁 >
vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画
發(fā)布時(shí)間：2025/1/21
130
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
提醒一下：建議把a(bǔ)jax的請求，拆分成一個(gè)獨(dú)立的sdk，避免多處重復(fù)代碼。
that.loading(false);應(yīng)該寫到ajax執(zhí)行結(jié)束后。
var lhcmDetail=new Vue({
el:'#video-detail',
data:{
loadFlag:false
},
methods:{
loading:function(a){//是否顯示加載動(dòng)畫
this.loadFlag=a;
},
judgeLoadMore:function(){//加載更多評論
pageNum++;
var that=this;
that.loading(true);
$.ajax({
url:url,
type:'get',
dataType:'json',
success:function(data){
that.loading(false); //
if(data.length>0){
//do something
}else{
//do something
}
},
error:function(){
that.loading(false); //
}
});
}
}
總結(jié)
以上是生活随笔為你收集整理的vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： css在线留言星号,使用CSS 给表单必
- 下一篇： 【新年快乐】缤纷多彩的Vue点赞组件