Запретить закрытие тоста при закрытии модального окна в BootstrapVue

Question

Я хотел бы предотвратить закрытие Toast при закрытии Modal в BootstrapVue.

Сценарий:

1. Откройте Modal и Toast на странице
2. Закройте модальное окно
3. , затем закройте модальное окно и тост одновременно

Вопрос: как сохранить тосты

    created() {
       this.$bvModal.show('modal-form-id')
       const errorToaster = {
          title: 'Success',
          toaster: 'b-toaster-top-center',
          variant: 'success'
        }
       this.$bvToast.toast('Success', errorToaster)
    },
    methods: {
       closeModal() {
         this.$bvModal.hide('modal-form-id')
       }
    }

    

Answer 1

В вас errorToaster добавьте это no-auto-hide: true.

Пример:

const errorToaster = {
    title: 'Success',
    toaster: 'b-toaster-top-center',
    variant: 'success',
    'no-auto-hide': true,
}

Answer 2

Попробуйте добавить root.

this.$root.$bvToast.toast("Success", errorToaster);

Answer 3

Toast имеет свойство auto-hide-delay - количество миллисекунд до того, как тост автоматически закрывается, поэтому он закрывается без связи с модальным закрытием.

добавьте в свой код:

const errorToaster = {
      title: 'Success',
      toaster: 'b-toaster-top-center',
      variant: 'success',
      autoHideDelay: // default is 5000,
      noAutoHide: true // in order to stay it open forever
 }