[问题] Vue-筛选功能练习 azrael60532 PTT批踢踢实业坊

[问题] Vue-筛选功能练习

楼主: azrael60532 (Kevin) 2018-07-17 15:47:50

问题是这样的
小弟最近刚开始学Vue
想说写个简单的筛选功能
功能是有了，只是我想加上淡入淡出的效果就失败了
我是用Bootstrap的grid + Vue
grid的部分用v-for跑循环还是有更好的做法
还请各位前辈批评指教
期望效果:
切换类别时将目前画面的图淡出后再把切换到的图片淡入进来
附上小弟练习的code
https://goo.gl/HFf2Qw

作者: fukinhot (抱歉粗口我怕热) 2018-07-17 20:16:00

fadein fadeout css要自己写, vuejs 有提供transition的component给你包, 会给你各时机的class用, ，资讯请谷歌 vuejs enter/leave & list transitions

楼主: azrael60532 (Kevin) 2018-07-17 21:47:00

我有试过用<transition></transition>包起来也有自己写CSS 可是它只有淡入有效果淡出没有因为v-show的关系grid直接display:none 就没有效果了

作者: fukinhot (抱歉粗口我怕热) 2018-07-17 23:35:00

睡前十分钟帮你小改一下 codepen.io/chaoliou/pen/xJOVj这个才对 codepen.io/chaoliou/pen/xJOVjm

楼主: azrael60532 (Kevin) 2018-07-18 12:38:00

感谢大大帮忙可是这样有个问题就是你选狗或是兔子的时候前面会空下来 grid不会消失

作者: fukinhot (抱歉粗口我怕热) 2018-07-18 19:33:00

那是为了方便我确认淡入淡出的

继续阅读

[问题] wordpress安装demo data 却卡住forsaxon [问题] 如何在github架设的网站做分页PhysicsMAGI [问题]html转换成jsp遇到问题falink Re: [问题] 现在的wordpress还是用php吗?nottt [问题] 现在的wordpress还是用php吗?nosmraw [问题] js创建一元素给标签和class[解决]qw050123 [问题] 先淘汰cache or 先写db ?sean72 [问题]CODEPEN无法引进SASS??moodoa3583 [问题] SVG的PATH画圆弧nacoyow [问题] 这段css的意思aliensu