Самозакрывающийся модал MDB Vue в setTimeout () - PullRequest
Новая
       7

Самозакрывающийся модал MDB Vue в setTimeout ()

0 голосов
/ 05 февраля 2020

Я пытаюсь закрыть модальный MDB Vue, который отображается по умолчанию через 1 минуту, с помощью метода setTimeout. Я хочу добиться этого, используя «показанную» событие MDB Vue. Идея состоит в том, что таймер должен запуститься сразу же, как показала модаль, и запустить закрывающий код через 60 секунд. Мой модальный начинается с этого:

<mdb-modal :show="instructionModal" @close="instructionModal = false" frame size="fluid" centered @shown="instructionSeen">

И у меня есть следующие Vue методы для эффекта: 

instructionSeen() {
    setTimeout(() => {
        this.handleFade()
    }, 60000);
},
handleFade() {
    this.instructionModal = false;
},

Ничего не происходит с этим кодом, не даже когда я копирую фрагмент и помещаю его непосредственно в атрибут @shown. Может кто-нибудь, пожалуйста, помогите мне?

1 Ответ

0 голосов
/ 06 февраля 2020

Существует метод away внутри модального компонента в mdb vue. Вы пытались добавить ref к компоненту и затем запустить метод away после тайм-аута с таким кодом: this.$refs.modal.away()? Это должно работать.

...