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 请求加载数据的时候如何显示加载动画相关推荐

vue ajax如何设置同步,vue axios同步请求解决方案
在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求解决方案目前没有发现axios可以同步请求,所以只能使用jQuery,配 ...
vue ajax跨域提交,vue ajax跨域请求
一.设置config/index.js || proxyTable添加 proxyTable: { '/api': { target: 'http://192.168.48.239:8080/ydzl ...
ajax 延迟显示加载中提示
近期做项目时用到了jquery的ajax,我希望实现"加载时提示用户"的功能,于是先习惯性的度娘谷哥了下,发现按照网上朋友所说的做,每次加载都会提示,不符合我的需求.于是我改进了下 ...
微信小程序在使用wx.request时显示加载中
我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.j ...
Vue - 列表分页懒加载 / 点击 “加载更多“ 按钮请求接口数据（如何实现类似用户手动点击 “查看更多“ ，然后请求分页懒加载数据填充）可适用于 Nuxt.js 、uni-app 等 Vue.js
前言如果您需要 "页面上拉触底" 加载,请参考:uni-app | 微信小程序本文从 0-1 带您完成该功能,支持 Vue.js / Nuxt.js 等, 如下图所示,支持分页 ...
【Vue学习总结】22.使用Mint UI的infinite-scroll实现上拉分页加载
接上篇<21.Vue-UI框架之Mint UI的使用> 上一篇我们讲解了Vue的UI框架Mint UI的使用,本篇我们来通过Mint UI提供的infinite-scroll组件结合api ...
.ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).ready(function () { $(" ...
图片懒加载和Vue路由懒加载
图片懒加载什么是懒加载? 懒加载也叫做延迟加载或者按需加载 .在长网页中延迟加载暂时未看到的图片数据,能够优化网页性能,提高用户体验 .在较长的网页或应用中,如果图片很多,等待全部图片都被加载出来需 ...
原声html中怎么加载vue文件,HTML文件引入Vue开发
HTML文件引入Vue开发页面标题 {{text}} {{item.text}} 点击事件 @click {{text}} 添加文本使用两个大括号{{文本}} img标签中src前面得加冒号 new ...

vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画

vue ajax加载动画,vue 请求加载数据的时候如何显示加载动画相关推荐

最新文章

热门文章