From c6d5443cffa56c5eecde1cc26ab25d7d55ae2b63 Mon Sep 17 00:00:00 2001 From: Jun Shindo <46585162+jay-es@users.noreply.github.com> Date: Fri, 1 Nov 2024 19:51:20 +0900 Subject: [PATCH] Update transition-group.md - add detail about prop moveClass --- src/guide/built-ins/transition-group.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/guide/built-ins/transition-group.md b/src/guide/built-ins/transition-group.md index 09c903cd4..a137cfb4c 100644 --- a/src/guide/built-ins/transition-group.md +++ b/src/guide/built-ins/transition-group.md @@ -80,6 +80,10 @@ import ListStagger from './transition-demos/ListStagger.vue' [完全な例](/examples/#list-transition) +### カスタムトランジションクラス + +[`` のカスタムトランジションクラス](https://vuejs.org/guide/built-ins/transition.html#custom-transition-classes)と同様に、`` に `moveClass` プロパティを渡すことで、移動する要素のカスタムトランジションクラスを指定することもできます。 + ## 時差をもたせたリストのトランジション {#staggering-list-transitions} JavaScript のトランジションとデータ属性でやりとりすることで、リスト内のトランジションをずらすこともできます。まず、項目のインデックスを DOM 要素の data 属性としてレンダリングします: