Vue Composition API: Bootstrap Vue

Class Component

    handleCloseQrModal(): void {
        this.$bvModal.hide("big-qr");
    }

        this.$root.$emit(
            "bv::hide::tooltip",
            `preview-device-button-${deviceName}`
        );

Notes

• An alternative to this.$bvModal.hide() may be to use a ref and call .hide().
• An alternative to this.$root.$emit() may be to swap v-b-tooltip for <b-tooltip> and control the visibility using properties.

Documentation

• Modal: Using show(), hide(), and toggle() component methods
• Tooltip: Programmatically show and hide tooltip