• element-ui中点击input框和下拉框会出现跳动的现象


    bug描述
    项目中当下拉框和输入框还有日期组件在一行的时候,对其进行操作的时候,下拉框,输入框和日期框会出现抖动的现象
    分析原因
    刚开始的时候,以为是高度没有统一,于是统一设置el-input_inner的高度

        .el-input--medium .el-input__inner {
          height: vw(40);
          line-height: vw(40);
          font-size: vw(14);
        }
    

    发现所有的高度都没有问题之后,于是分析代码。我这边直接用的是element-ui的el-row和el-col的布局,于是想是不是这个
    的影响,我的el-row和el-col都有设置margin:0!important;padding:0 !important;实在分析不出原因就将其布局改写为
    flex布局,发现依然出现这个bug,于是,在想是不是由于计算属性导致的calc(),确定将这块隔离在calc之外,发现还是出现
    这个bug。于是继续修修修,脑中偶然一现曾经浏览到的一个网页上面的一个关于下拉框的属性el-select--medium。
    抱着试试的态度在代码中加入了

      .el-select--medium{
          vertical-align: bottom !important;
        }
    

    ok,代码修复了

  • 相关阅读:
    事件类型
    program的发展史与两个数学方法
    字符统计与基本正则
    bom与dom
    css长度单位及颜色表示
    grid学习
    position定位的认识
    remark:node端口的close-wait
    css background属性设置
    Promise之我发现
  • 原文地址:https://www.cnblogs.com/smart-girl/p/12211034.html
Copyright © 2020-2023  润新知