Vueで雑にローディング画面が作れるvue-loading-overlayが便利

便利だった。

あとは公式見ればよい。

GitHub - vue-loading-overlay

インストール

npm install vue-loading-overlay@^6.0 

Composition APIで使う

雑にメモっとく。

<script setup>
    import {useLoading} from 'vue-loading-overlay'
    
    const $loading = useLoading({
        // オプション指定
    });

    const doSomething = () => {
        // ローディングを出す
        const loader = $loading.show();

        // 何か重い処理する

        // ローディング隠す
        loader.hide()
    }
</script>