mint-ui 圖片懶載入及請求資料載入中提示方法
阿新 • • 發佈:2019-02-19
圖片懶載入:
引入需要的檔案
<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寫法
請求資料載入中提示
this.$indicator.open('載入中...');//這個是載入中。。。。setTimeout(() => this.$indicator.close(), 1000);//這個是隱藏載入中。。資料載入到1秒之後隱藏
this.$indicator.close(); //資料載入到直接隱藏