Vue: Класс перехода `leave-to` не удаляется, если скрытый элемент изменяется слишком быстро с помощью v-show

Созданный на 6 мар. 2018 · 5Комментарии · Источник: vuejs/vue

Версия

2.5.13

Ссылка для воспроизведения

https://jsfiddle.net/freakypie/nn2vwt7b/22/

Действия по воспроизведению

очень быстро измените значение в vue, и переход не удалит класс перехода

Что ожидается?

этикетка должна быть показана

Что на самом деле происходит?

этикетка не отображается

В моем собственном приложении я перенаправлялся на страницу, которая должна была не иметь заголовка приложения, но затем она перенаправлялась на другую страницу, которая имела, но заголовок все равно отсутствовал

bug

Источник

freakypie

Все 5 Комментарий

В качестве временного решения вы можете использовать v-if вместо v-show

posva 6 мар. 2018

на данный момент я просто отказался от этого и использовал местную собственность

    async "$store.state.invisible"() {
      clearTimeout(this.__updateInvisible);
      this.__updateInvisible = setTimeout(() => {
        this.invisible = this.$store.state.invisible;
      }, 50);
    },

это работает для меня, я просто хотел сообщить вам об ошибке

freakypie 6 мар. 2018

Может быть дубликат https://github.com/vuejs/vue/issues/5800 ? 🤔

jkzing 7 мар. 2018

О, да, я даже не проверил код, чтобы убедиться, что это v-шоу, потому что это переходная группа, поэтому я ожидал, что это будет только v-for . Кажется связанным, но может быть вызвано разными причинами, поэтому я думаю, что мы можем пока оставить его открытым.

posva 7 мар. 2018

👍1

Это было исправлено # 7391 (еще не выпущено).