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

[wuwt4y (Poky)]

我最近在學vue
有一部分是按鈕點擊後，
某個div 內的寬度從80%變100%

以前jQuery 可以直接.animate去改變並且有動畫效果

現在vue參考官方文件透過transition
可以達到出現，消失，類似toggle

但是我要width 80%>100%,不知道該如何處理。

現在是透過v-bind 去判斷 來改變css class

但是這樣沒有動畫效果，而是直接改變。

希望能質點迷津，感謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.150.140.80
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1528525234.A.B7E.html
推 art1: google transition div width animation
→ art1: http://jsfiddle.net/tVHYg/4/
推 sa0124: css應該要綁動態的，click的時候用methods return一個綁tr
→ sa0124: ansition的css class上去
推 sa0124: 阿 沒注意到你css已經有綁v bind了，那transition應該就會
→ sa0124: 有動畫效果了才對 奇怪@@”
推 lin009: 把 code 貼上來會比較好判斷喔~
推 Northa: 有綁定 class 應該是會有過渡動畫出現，會不會是忘記加 tr
→ Northa: ansition 了呢？