BootstrapVue Show Modal Busy/Loading With Overlay

Apr 12, 2022
<template>  <client-only>    <b-modal v-model="linkModal" size="lg" title="Link" :no-close-on-backdrop="true" @ok="saveLink" style="z-index:2;" :body-class="linkModalBusy ? 'position-static' : ''" v-if="linkModal">      <b-overlay :show="linkModalBusy" no-wrap></b-overlay>      <my-component-form ref="linkForm" :item="link" />    </b-modal>  </client-only></template><script>export default {  data() {    return {      linkModal: false,      linkModalBusy: false,      link: {}    }  },  methods: {    showLinkModal() {      this.linkModal = true    },    showLinkModalBusy() {      this.linkModalBusy = true    }  }}</script>

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.