Skip to content

Commit e532056

Browse files
Update Readme
1 parent 0cd9642 commit e532056

File tree

1 file changed

+54
-1
lines changed

1 file changed

+54
-1
lines changed

README.md

Lines changed: 54 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,54 @@
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+
```

0 commit comments

Comments
 (0)