添加新的配置项

enableLoadingBar 全局设置是否启用loadingbar，默认启用 $hideLoadingBar 设置当前请求是否显示loadingbar，默认显示

Author: dxinchao

README.md

@@ -47,7 +47,26 @@ Vue.use(vueLoadingBar);
 
 ## config
 
+###### loadingBarDelay ```default 300ms```
+
 ```javascript
 // 设置请求超过多少毫秒才显示，默认300毫秒
 new Vue({...}).loadingBarDelay = 100;
 ```
+
+###### enableLoadingBar ```default true```
+
+```javascript
+// 设置全局禁用loadingbar
+new Vue().enableLoadingBar = false;
+```
+
+###### $hideLoadingBar ```default false```
+
+当前请求禁用loadingbar(不影响其他请求)。只需要在请求的config部分(如[axios request](https://github.com/mzabriskie/axios#request-method-aliases))设置$hideLoadingBar为true即可
+
+```javascript
+// 设置此次请求不显示loadingbar
+http.get(url, {$hideLoadingBar: true}).then(...); // get
+http.post(url, data, {$hideLoadingBar: true}).then(...); // post
+```

dist/loadingbar.js

@@ -23,7 +23,10 @@
  });
  function _click() {
  var _http = Vue.http || axios;
- _http.get('./test').then(function (data) {
+// _http.get('./test', {$hideLoadingBar: true}).then(function (data) {
+// console.log(data);
+// });
+ _http.post('./test', {}, {$hideLoadingBar: true}).then(function (data) {
  console.log(data);
  });
  }

example/example.html

@@ -12,6 +12,7 @@
  var delayTimeoutId = 0;
  var loadingEle = document.createElement('div');
  var loadingBarDelay = 300;
+ var enable = true;
 
  /**
  * 隐藏loading框
@@ -27,18 +28,16 @@
 
  /**
  * 延迟显示loading框
- * @param request
- * @param next
  * @private
  */
- function _showLoading(request, next) {
+ function _showLoading() {
+ if (!enable)return false;
  if (requestCount === 0) {
  delayTimeoutId = setTimeout(function () {
  loadingEle.classList.add('show');
  }, loadingBarDelay); // 延迟显示，当请求响应时间过快时不需要显示loading
  }
  requestCount++;
- next && next(_hideLoading); // 如果是vue-resource则有next
  }
 
  /**
@@ -55,6 +54,14 @@
  set: function (_loadingBarDelay) {
  loadingBarDelay = Number(_loadingBarDelay);
  }
+ },
+ enableLoadingBar: {
+ get: function () {
+ return enable;
+ },
+ set: function (enableLoadingBar) {
+ enable = Boolean(enableLoadingBar);
+ }
  }
  });
  if (!document.getElementById('LoadingBar')) {
@@ -67,12 +74,16 @@
  * 判断使用的是vue-resource还是axios
  */
  if (Vue.http) {
- Vue.http.interceptors.push(_showLoading);
+ // vue-resource
+ Vue.http.interceptors.push(function (request, next) {
+ !request.$hideLoadingBar && _showLoading();
+ next(_hideLoading);
+ });
  } else if (Vue.axios || Vue.$axios || axios) {
  // axios 支持不绑定到Vue属性上或者绑定为Vue.axios、Vue.$axios
  var _axios = Vue.axios || Vue.$axios || axios;
  _axios.interceptors.request.use(function (request) {
- _showLoading();
+ !request.$hideLoadingBar && _showLoading();
  return request;
  }, function (err) {
  _hideLoading();