Vue: 非表示の要素がv-showで急速に変化する場合、遷移クラス `leave-to`は削除されません

作成日 2018年03月06日  ·  5コメント  ·  ソース: vuejs/vue

バージョン

2.5.13

複製リンク

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

再現する手順

Vueの値を非常に速く変更すると、移行によってLeave-toクラスが削除されることはありません。

何が期待されますか？

ラベルを表示する必要があります

実際に何が起こっているのですか？

ラベルは表示されません

自分のアプリで、アプリヘッダーがないはずのページにリダイレクトしましたが、ある別のページにリダイレクトしましたが、とにかくヘッダーがありませんでした

bug
ソース
picture freakypie

全てのコメント5件

一瞬の回避策として、あなたは使用することができますv-ifの代わりにv-show

posva picture posva 2018年03月06日

今のところ私はそれをデバウンスして地元の不動産を使用しました

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

それは私のために働きます、私はあなたにバグについて知らせたかっただけです

freakypie picture freakypie 2018年03月06日

https://github.com/vuejs/vue/issues/5800の重複である可能性があり

jkzing picture jkzing 2018年03月07日

そうそう、コードをチェックしてv-showであるかどうかを確認することすらしませんでした。これは、遷移グループであるため、 v-forのみを実行することを期待していました。 関連しているようですが、別の原因が考えられますので、当面は開いたままにしておくことができると思います

posva picture posva 2018年03月07日
👍1

これは＃7391で修正されました（まだリリースされていません）

yyx990803 picture yyx990803 2018年03月09日
👍1
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

gkiely picture gkiely  ·  3コメント
franciscolourenco picture franciscolourenco  ·  3コメント
wufeng87 picture wufeng87  ·  3コメント
aviggngyv picture aviggngyv  ·  3コメント
6pm picture 6pm  ·  3コメント