search

ankurk91 / vue-loading-overlay

Vue.js component for full screen loading indicator :cyclone:
https://ankurk91.github.io/vue-loading-overlay/
MIT License
1.25k stars 102 forks source link

Before and After slots are replacing the animation. #35

Closed Ekion-1 closed 5 years ago

Ekion-1 commented 5 years ago

I'm trying to add some text above the spinner using the before slot. The text is showing but the spinner has disappeared!

<loading :active="loading"
                 :can-cancel="false"
                 :is-full-page="true"
                 color="#ffd04b">
            <before>Loading...</before>
        </loading>
Ekion-1 commented 5 years ago

Solved this. I was using slots wrong. The following works:

<loading :active="loading"
                 :can-cancel="false"
                 :is-full-page="true"
                 color="#ffd04b">
            <template v-slot:before>
            Loading...
            </template>
        </loading>