PTT數位生活區 / Web_Design

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

看板Web_Design作者 (Poky)時間7年前 (2018/06/09 14:20), 編輯推噓5(5推 0噓 4→)
留言9則, 4人參與, 7年前最新討論串1/1
我最近在學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
推
06/09 14:36, 7年前 , 1F
google transition div width animation
06/09 14:36, 1F
→
06/09 14:36, 7年前 , 2F
06/09 14:36, 2F
推
06/10 17:16, 7年前 , 3F
css應該要綁動態的，click的時候用methods return一個綁tr
06/10 17:16, 3F
→
06/10 17:16, 7年前 , 4F
ansition的css class上去
06/10 17:16, 4F
推
06/10 17:20, 7年前 , 5F
阿 沒注意到你css已經有綁v bind了，那transition應該就會
06/10 17:20, 5F
→
06/10 17:20, 7年前 , 6F
有動畫效果了才對 奇怪@@”
06/10 17:20, 6F
推
06/11 15:00, 7年前 , 7F
把 code 貼上來會比較好判斷喔~
06/11 15:00, 7F
推
06/12 02:14, 7年前 , 8F
有綁定 class 應該是會有過渡動畫出現，會不會是忘記加 tr
06/12 02:14, 8F
→
06/12 02:14, 7年前 , 9F
ansition 了呢？
06/12 02:14, 9F
‣ 更多 wuwt4y 的文章
文章代碼(AID): #1R6t6oj- (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 wuwt4y 的文章
文章代碼(AID): #1R6t6oj- (Web_Design)