npm i vuejs-loading --save//main.js
import Loading from 'vuejs-loading';
Vue.use(Loading);
//.vue files
/*show component*/
this.$loading.show({text:'hello world'});
/*close component*/
this.$loading.close();
use option to custom the component.
option is an object.
Use option in the following ways:
- Set option once.
this.$loading.show(option);- Set option globally, the next time you show the component, option would still be effective.
Vue.use(Loading, option);option available:
| key | type | default | description |
|---|---|---|---|
| text | string | "加载中..." | loading text |
| mask | boolean | true | whether to show a fullscreen,transparent mask |
| callback | function | function to call when loading is closed | |
| duration | number | auto close time, 1000 = 1 second; without duration, loading exists permanently |
The MIT License