您的位置：首页技术文章
文章详情页

vue.js - vuejs 折叠面板的展开收缩动画应该怎么实现？用vue自带的过渡效果还是css3?

浏览：241日期：2023-06-28 08:25:00

问题描述

vue.js - vuejs 折叠面板的展开收缩动画应该怎么实现？用vue自带的过渡效果还是css3?

问题解答

回答1：

简单可以这样实现http://output.jsbin.com/muzotal

回答2：

这个效果就是加个transiton,然后改变p高度值吧，增加一个css的类就行了

回答3：

高度为0； 当点击的时候高度设置为　width:auto;

回答4：

@click 事件控制类可以啊 height ＋ transition

回答5：

vue2.0 展开收缩动画 有没有源码啊

回答6：

用自带的过度就可以

标签： CSS
上一条：css3动画 - css3的侧边栏，侧边栏不能撑满整个屏幕下一条：css3 - css flex 子元素居中
相关文章：
1. 我这打开出现 Not Found2. thinkphp6使用验证器 信息如何输出到前端页面3. javascript - h5微信中怎么禁止横屏4. javascript - 微信网页开发从菜单进入页面后，按返回键没有关闭浏览器而是刷新当前页面，求解决？5. empty比isset更严格一点6. 我在导入模板资源时遇到无法显示的问题，请老师解答下7. 预订金和尾款分别支付8. PHPExcel表格导入数据库怎么导入9. macos - 无法source activate python2710. 主从复制 - MySQL 主从延迟 300s 以上，求大神解答
排行榜
javascript - avalon使用:duplex设置select默认option的bug
javascript - avalon使用:duplex设置select默认option的bug
1. html5 - 在HBuilder中打包Android的apk包出错，不知道是什么原因。
2. javascript - 微信网页开发从菜单进入页面后，按返回键没有关闭浏览器而是刷新当前页面，求解决？
3. c++ - QWebEngineView加载url后直接点击链接没有反应要怎么解决？
4. android - Genymotion 模拟器可以做屏幕适配检测吗？
5. javascript - h5微信中怎么禁止横屏
6. 我在导入模板资源时遇到无法显示的问题，请老师解答下
7. javascript - JS继承，如何避免父类原型的object类型属性会受子类影响的情况；
8. javascript - vue2.0 初学　理解性问题？
9. 主从复制 - MySQL 主从延迟 300s 以上，求大神解答
10. html5 - 前端面试碰到了一个缓存数据的问题，来论坛上请教一下
热门标签