отсрочка уничтожена

Question

В моем компоненте у меня есть mounted ловушка, которая выбирает некоторые данные в виде асинхронного запроса:

mounted() {
  this.fetchData()
}

и при beforeDestroy я удаляю данные из хранилища:

beforeDestroy(){
  this.destroyDataInStore()
}

Они прекрасно работают, пока запрос в mounted разрешается до того, как компонент начинает его разрушать.

Можно ли как-нибудь отложить beforeDestroy до после , обещание разрешено в горе?

Answer 1

Вы можете хранить обещание:

export default {
    data () {
        return {
            thePromise: null
        }
    },
    mounted () {
        this.thePromise = this.fetchData()
    },
    beforeDestroy () {
        this.thePromise.then(() => {
            this.destroyDataInStore()
        })
    }
}

Но чтобы быть уверенным, что все работает нормально, я бы использовал created крюк вместо mounted один:

export default {
    data () {
        return {
            thePromise: null
        }
    },
    created () {
        this.thePromise = this.fetchData()
    },
    beforeDestroy () {
        this.thePromise.then(() => {
            this.destroyDataInStore()
        })
    }
}