Using to block whlie client processed work.
npm i --save vuejs-loading-screen
import Vue from 'vue'
import loading from 'vuejs-loading-screen'
Vue.use(loading)
<template>
<h1>Welcome to VueLoading Screen</h1>
</template>
<script>
methods: {
fetchData () {
this.$isLoading(true) // show loading screen
this.$axios.post(url).then((response) => {
this.$isLoading(false) // hide loading screen
console.log(response)
})
}
},
mounted () {
this.fetchData()
}
</script>