作者wuwt4y (Poky)
看板Web_Design
標題[問題] vue新手,css width改變動畫問題
時間Sat Jun 9 14:20:31 2018
我最近在學vue
有一部分是按鈕點擊後，
某個div 內的寬度從80%變100%
以前jQuery 可以直接.animate去改變並且有動畫效果
現在vue參考官方文件透過transition
可以達到出現，消失，類似toggle
但是我要width 80%>100%,不知道該如何處理。
現在是透過v-bind 去判斷 來改變css class
但是這樣沒有動畫效果，而是直接改變。
希望能質點迷津，感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.150.140.80
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1528525234.A.B7E.html
1F：推 art1: google transition div width animation 06/09 14:36
3F：推 sa0124: css應該要綁動態的，click的時候用methods return一個綁tr 06/10 17:16
4F：→ sa0124: ansition的css class上去 06/10 17:16
5F：推 sa0124: 阿 沒注意到你css已經有綁v bind了，那transition應該就會 06/10 17:20
6F：→ sa0124: 有動畫效果了才對 奇怪@@” 06/10 17:20
7F：推 lin009: 把 code 貼上來會比較好判斷喔~ 06/11 15:00
8F：推 Northa: 有綁定 class 應該是會有過渡動畫出現，會不會是忘記加 tr 06/12 02:14
9F：→ Northa: ansition 了呢？ 06/12 02:14