美文网首页
关于iview中tabs踩到的坑

关于iview中tabs踩到的坑

作者: 八点半的星光1101 | 来源:发表于2019-01-14 12:05 被阅读0次

    最近在使用iview中的tabs控件,其他配置选择默认配置,结果发现,tabpane的高度由最高的一个tabpane决定,也就是说,内容比较少即高度不是最大的tabpane下方会出现空白。
    解决方法:将tab切换时的动画禁止掉即可解决这个问题

    补充:使用动画与不使用动画DOM的区别
    1、使用动画:

    1547445000(1).jpg
    从图片上可以看出,使用动画的时候,主要是通过translateX来进行水平方向的移动,以保证显示与隐藏
    2、不使用动画
    1547445174(1).jpg
    从该张图片上可以看出,在禁止tab动画的情况下,切换时会通过
    diaplay:none使不该显示的tab项隐藏。
    故猜测:若使用动画的话,不好控制display,从而导致高度被撑开

    相关文章

      网友评论

          本文标题:关于iview中tabs踩到的坑

          本文链接:https://www.haomeiwen.com/subject/jzyddqtx.html