vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画
生活随笔
收集整理的這篇文章主要介紹了
vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
提醒一下：建議把ajax的請求，拆分成一個獨立的sdk，避免多處重復代碼。
that.loading(false);應該寫到ajax執行結束后。
var lhcmDetail=new Vue({
el:'#video-detail',
data:{
loadFlag:false
},
methods:{
loading:function(a){//是否顯示加載動畫
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); //
}
});
}
}
總結
以上是生活随笔為你收集整理的vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： css在线留言星号,使用CSS 给表单必
- 下一篇： 王者服务器维护宝箱礼包都没领,王者荣耀：