Vue Full Loading

Full overlay with spinner for Vue

Installation

npm install vue-full-loading --save

Examples

Include the component in your .vue file

<template>
 <loading
         :show="show"
         :label="label">
 </loading>
</template>

You also can manage this component by your eventBus with custom event names.

<template>
 <loading
         :event-bus="myEventBus"
         event-show="show-my-full-loading"
         event-hide="hide-my-full-loading"
         :label="label">
 </loading>
</template>

Match your data with your components props.

import loading from 'vue-full-loading'

export default {
  components: {
    loading
  },
   data(){
       return {
           show: false,
           label: 'Loading...'
       }
   }
}