iview地区加载_LoadingBar 加载进度条

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: () => {