曾经的你d
2022-05-12 13:14
采纳率: 88.9%
浏览 210
已结题

element的select下拉框过多折叠显示

问题遇到的现象和发生背景

img

默认就显示这些,如果点击查询更多就展示下面的

img

      <div :style="{height: checked?'88px':'44px', transition: 'all 0.3s linear';}"></div>

这样的写是可以折叠显示并且有过度动画的.但是问题来了,这个高度写死的话只能满足这些折叠的下拉框只有两行.
如果下拉框的个数有三行怎么办,高度就不是88px了
如果height: checked?'':'44px', 这样写,可以满足下拉框不论多少行都可以.但是,动画效果没了,也不行.

问题:
1,可以满足多行下拉框的折叠
2,折叠展开和收起有过度动画.

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

2条回答 默认 最新

相关推荐 更多相似问题