[问题] vue新手,css width改变动画问题

楼主: wuwt4y (Poky)   2018-06-09 14:20:31
我最近在学vue
有一部分是按钮点击后,
某个div 内的宽度从80%变100%
以前jQuery 可以直接.animate去改变并且有动画效果
现在vue参考官方文件透过transition
可以达到出现,消失,类似toggle
但是我要width 80%>100%,不知道该如何处理。
现在是透过v-bind 去判断 来改变css class
但是这样没有动画效果,而是直接改变。
希望能质点迷津,感谢
作者: art1 (人,原来不是人)   2018-06-09 14:36:00
google transition div width animationhttp://jsfiddle.net/tVHYg/4/
作者: sa0124 ((恩恩))   2018-06-10 17:16:00
css应该要绑动态的,click的时候用methods return一个绑transition的css class上去阿 没注意到你css已经有绑v bind了,那transition应该就会有动画效果了才对 奇怪@@”
作者: lin009 (lin009)   2018-06-11 15:00:00
把 code 贴上来会比较好判断喔~
作者: Northa   2018-06-12 02:14:00
有绑定 class 应该是会有过渡动画出现,会不会是忘记加 transition 了呢?

Links booklink

Contact Us: admin [ a t ] ucptt.com