LoadingBar 加载进度条

全局创建一个显示页面加载、异步请求、文件上传等的加载进度条。

LoadingBar 只会在全局创建一个，因此在任何位置调用的方法都会控制这同一个组件。主要使用场景是路由切换和Ajax，因为这两者都不能拿到精确的进度，LoadingBar 会模拟进度，当然也可以通过方法来传入一个精确的进度，比如在文件上传时会很有用，具体见API。

在路由中使用

在异步请求中使用

点击 Start 开始进度，点击 Finish 结束。在调用start()方法后，组件会自动模拟进度，当调用finish()或时，补全进度并自动消失。

  • this.$Loading.finish()
  • this.$Loading.update(percent)以上方法隐式的创建及维护Vue组件。函数及参数说明如下：

另外提供了全局配置和全局销毁的方法：

属性说明类型默认值
color进度条的颜色，默认为 iView 主色Stringprimary
failedColor失败时的进度条颜色，默认为 iView 主色Stringerror
height进度条高度，单位 pxNumber2
duration 3.4.0隐藏时的持续时间，单位 msNumber800