mint-ui 图片懒加载及请求数据加载中提示方法
方法一:引入需要的文件<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script><!-- 引入样式 --><link rel="stylesheet" href="htt
·
图片懒加载:
引入需要的文件
<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>
<!-- 引入 Vue -->
<script src="https://unpkg.com/vue/dist/vue.js">
</script>
写法
请求数据加载中提示
this.$indicator.open('加载中...');//这个是加载中。。。。
setTimeout(() => this.$indicator.close(), 1000);//这个是隐藏加载中。。数据加载到1秒之后隐藏
this.$indicator.close(); //数据加载到直接隐藏
this.$indicator.close(); //数据加载到直接隐藏
更多推荐
已为社区贡献42条内容
所有评论(0)