File tree Expand file tree Collapse file tree 1 file changed +54
-1
lines changed Expand file tree Collapse file tree 1 file changed +54
-1
lines changed Original file line number Diff line number Diff line change 1- *
1+ #Laravel Component Loading
2+
3+ by bubbleflat.com
4+
5+ TODO Description
6+
7+ ##Installation
8+
9+ TODO
10+
11+ ##Usage
12+
13+ First, register your progressbar :
14+
15+ ``` html
16+ <template >
17+ <vue-loading-component />
18+ <router-view ></router-view >
19+ </template >
20+ ```
21+
22+ In a component you can use to manage the loading state of your component
23+
24+ ``` javascript
25+ this .startLoading ();
26+ this .endLoading ();
27+ this .failLoading ();
28+ ```
29+
30+ According to this state, you can access ` loading ` data in your component
31+
32+ ##Exemple
33+
34+ ``` html
35+ <template >
36+ <div v-if =" !loading" >
37+ Component Loading !
38+ </div >
39+ </template >
40+ <script >
41+
42+ export default {
43+
44+ mounted (){
45+ this .startLoading ();
46+ setTimeout (() => {
47+ this .endLoading ();
48+ }, 2000 )
49+ }
50+
51+ }
52+
53+ </script >
54+ ```
You can’t perform that action at this time.
0 commit comments