This I believe is the better Vue loading component demo
Install
npm install --save vue-element-loading
Or
yarn add vue-element-loading
Usage
import Vue from 'vue'
import VueElementLoading from 'vue-element-loading'
Vue.component('VueElementLoading', ElementLoading)
Or
import VueElementLoading from 'vue-element-loading'
export default {
components: {
VueElementLoading
}
}
Examples
<div class="my-container">
<vue-element-loading :active="showCustomizeLoader">
<img src="pikachu.gif" width="55px" height="55px">
</vue-element-loading>
<span>
Proin sagittis, nibh id hendrerit imperdiet, elit sapien laoreet elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id fermentum quam.
Proin sagittis, nibh id hendrerit imperdiet, elit sapien laoreet elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id fermentum quam.
</span>
</div>