作者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/cn.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