Skip to content

Commit c6d5443

Browse files
committed
Update transition-group.md - add detail about prop moveClass
1 parent 5e775bd commit c6d5443

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/guide/built-ins/transition-group.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,10 @@ import ListStagger from './transition-demos/ListStagger.vue'
8080

8181
[完全な例](/examples/#list-transition)
8282

83+
### カスタムトランジションクラス
84+
85+
[`<Transition>` のカスタムトランジションクラス](https://vuejs.org/guide/built-ins/transition.html#custom-transition-classes)と同様に、`<TransitionGroup>``moveClass` プロパティを渡すことで、移動する要素のカスタムトランジションクラスを指定することもできます。
86+
8387
## 時差をもたせたリストのトランジション {#staggering-list-transitions}
8488

8589
JavaScript のトランジションとデータ属性でやりとりすることで、リスト内のトランジションをずらすこともできます。まず、項目のインデックスを DOM 要素の data 属性としてレンダリングします:

0 commit comments

Comments
 (0)