mint-ui 图片懒加载及请求数据加载中提示方法

图片懒加载：

引入需要的文件

<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/mint-ui/lib/index.js"></script>

<script src="https://unpkg.com/vue/dist/vue.js"> </script>

写法

请求数据加载中提示

this.$indicator.open('加载中...');//这个是加载中。。。。

setTimeout(() => this.$indicator.close(), 1000);//这个是隐藏加载中。。数据加载到1秒之后隐藏
this.$indicator.close()； //数据加载到直接隐藏

mint-ui 图片懒加载及请求数据加载中提示方法相关推荐

Postman-APP登入模拟请求-数据加解密
Postman-APP登入模拟请求-数据加解密简单说明一下对于Postman的使用,一般情况下只要发发确定的请求与参数就可以的了.这个大家都会的 ,灰常的简单. 然而,在使用的时候,尤其是接口测试 ...
如何在js中使用ajax请求数据,在 JS 中怎么使用 Ajax 来进行请求
在 JS 中怎么使用 Ajax 来进行请求发布时间:2021-07-22 09:48:43 来源:亿速云阅读:78 作者:chen 本篇内容介绍了"在 JS 中怎么使用 Ajax 来进行 ...
如何在js中使用ajax请求数据,在 JS 中如何使用 Ajax 来进行请求
做者:Danny Markov 译者:前端小智来源:tutorialzine 点赞再看,微信搜索 [大迁世界]关注这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub https://gi ...
Vue实现网页首屏加载动画、页面内请求数据加载loading
博主介绍
计算机表格数字整体加,excel表格整体数据加1怎么处理-怎样才可以在EXCEL表格的数字中全部加1？？...
EXCEL表中将所有单元格数据集体加减同一个数怎么操... 在空白单元格里输入1,然后复制.再选中你要变化的所有数据,单击右键-选择性粘贴-运算项里选"加",然后确定就行了. 其实 ...
登录系统提示请求数据成功！但回调方法出错；请检查自定义load回调函数。有没有大佬能给解答下这种怎么处理
Android为网络请求自定义加载动画
android自带的加载动画都不怎么好看,在这里介绍一种自定义加载动画的方法原始图片: 编写动画progressbar.xml, <?xml version="1.0" e ...
动态网页常用的两种数据加载方式ajax和js动态请求
欢迎关注"生信修炼手册"! 对于静态网页,我们只需要访问对应的URL就可以获得全部的数据了,动态网页则没有这么简单.比如以下网站 http://q.10jqka.com.cn/zj ...
axios vue 加载效果动画_在vue中通过axios异步使用echarts
现实的工作中, 数据不可能是像之前的demo演示的那样把数据写死的. 所有的数据都应该通过发送请求进行获取, 所以, 这篇文章, 我将在Vue项目中使用Echarts: 在Vue中引入Echarts中 ...

mint-ui 图片懒加载及请求数据加载中提示方法

mint-ui 图片懒加载及请求数据加载中提示方法相关推荐

最新文章

热门文章