[問題] vue新手,css width改變動畫問題

作者: wuwt4y (Poky)   2018-06-09 14:20:31
我最近在學vue
有一部分是按鈕點擊後,
某個div 內的寬度從80%變100%
以前jQuery 可以直接.animate去改變並且有動畫效果
現在vue參考官方文件透過transition
可以達到出現,消失,類似toggle
但是我要width 80%>100%,不知道該如何處理。
現在是透過v-bind 去判斷 來改變css class
但是這樣沒有動畫效果,而是直接改變。
希望能質點迷津,感謝
作者: art1 (人,原來不是人)   2018-06-09 14:36:00
google transition div width animationhttp://jsfiddle.net/tVHYg/4/
作者: sa0124 ((恩恩))   2018-06-10 17:16:00
css應該要綁動態的,click的時候用methods return一個綁transition的css class上去阿 沒注意到你css已經有綁v bind了,那transition應該就會有動畫效果了才對 奇怪@@”
作者: lin009 (lin009)   2018-06-11 15:00:00
把 code 貼上來會比較好判斷喔~
作者: Northa   2018-06-12 02:14:00
有綁定 class 應該是會有過渡動畫出現,會不會是忘記加 transition 了呢?

Links booklink

Contact Us: admin [ a t ] ucptt.com