LoadingBar 加载进度条
概述
全局创建一个显示页面加载、异步请求、文件上传等的加载进度条。
说明
LoadingBar 只会在全局创建一个,因此在任何位置调用的方法都会控制这同一个组件。主要使用场景是路由切换和Ajax,因为这两者都不能拿到精确的进度,LoadingBar 会模拟进度,当然也可以通过update()方法来传入一个精确的进度,比如在文件上传时会很有用,具体见API。
在路由中使用
// 部分代码省略
import iView from 'iview';
Vue.use(iView);
router.beforeEach((to, from, next) => {
iView.LoadingBar.start();
next();
});
router.afterEach(route => {
iView.LoadingBar.finish();
});
在异步请求中使用
// 以jQuery的Ajax为例,部分代码省略
import $ from 'jquery';
export default {
methods: {
getData () {
this.$Loading.start();
$.ajax({
url: '/api/someurl',
type: 'get',
success: () => {