看板 Web_Design 關於我們 聯絡資訊
我最近在學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 06/09 14:36
art1: http://jsfiddle.net/tVHYg/4/ 06/09 14:36
sa0124: css應該要綁動態的,click的時候用methods return一個綁tr 06/10 17:16
sa0124: ansition的css class上去 06/10 17:16
sa0124: 阿 沒注意到你css已經有綁v bind了,那transition應該就會 06/10 17:20
sa0124: 有動畫效果了才對 奇怪@@” 06/10 17:20
lin009: 把 code 貼上來會比較好判斷喔~ 06/11 15:00
Northa: 有綁定 class 應該是會有過渡動畫出現,會不會是忘記加 tr 06/12 02:14
Northa: ansition 了呢? 06/12 02:14