Vue的過渡組不會呈現列表項

2017-09-21 48 views 1 likes

方法：

在Chrome：沒有任何列表項rander只是過渡組標籤等轉換到節標記。並在控制檯中沒有發生錯誤。

其實當我刪除過渡組標籤與包裝一節標記，它應該呈現觀點是這樣的：

請告訴我哪裏出了問題到底是什麼？謝謝。

2017-09-21 Jerry

你好，前兩個圖像與JS和HTML代碼，您應該添加到這個問題的文本，與代碼標籤格式。乾杯 – StefanE

好的，我會介意的。 – Jerry

回答

附加:key="index"屬性，你的V-的項目

2017-09-21 10:46:50

thx.It修復that.Can你告訴我爲什麼它工作時添加：key = index？ – Jerry

transition-group需要它知道哪些forEach項目在指定的時間添加類，因爲您可能想要將它們設置爲瀑布式動畫，但vue不知道您的css，因此它需要它。像這樣的事情我不太確定 –

清除。謝謝你的回答。 – Jerry

相關問題