vue-notify-loading-decorators
A library for Vue.js to toggle a loading indicator with decorators on a component.
(use along with vue-class-component)
Installation
npm install vue-notify-loading-decorators
or
yarn add vue-notify-loading-decorators
Example
<template> <div> <my-loader v-if="isLoading" /> <!--... dynamic data visualisation --> </div></template><script lang="ts">import {mixins, Component} from 'vue-class-component'; import { NotifyLoadingMixin, NotifyLoadingAsync } from 'vue-notify-loading-decorator'; @Componentclass SomeDynamicComponent extends mixins(NotifyLoadingMixin) { @NotifyLoadingAsync async loadSomething() { await service.getAll(); } @NotifyLoadingAsync async loadSomethingElse() { await someAction(); } }</script>
Instead of:
<template> <div> <my-loader v-if="isLoading" /> <!--... dynamic data visualisation --> </div></template><script >import {Component} from 'vue-class-component';@Componentclass SomeDynamicComponent extends Vue { loading: boolean = false; async loadSomething() { this.loading = true; this.products = await service.getAll(); this.loading = false; } async loadSomethingElse() { this.loading = true; await someAction(); this.loading = false; } }</script>