element-ui 抽屉drawer出现蓝框bug

最近发现,element-ui的抽屉有bug,首先是自带的title,在打开抽屉时,默认出现聚焦的蓝色框框。如果没有使用抽屉组件自带的title,那页面中第一行的第一个tab或者button,也会有类似的问题出现

针对el-tabs出现蓝框的解决办法:

/deep/.el-tabs__item:focus.is-active.is-focus {
     
    box-shadow: none;
  }

针对自带的title出现蓝色框框的解决办法:

  /deep/ :focus {
     
    outline: 0;
  }

在利用按钮做测试时,发现了一些规律,打开drawer,页面就会自动点击变聚焦页面第一行的按钮或者tab或者其他标签。按照这个思路,可以解决很多问题。

你可能感兴趣的:(Vue,elementui,bug,vue)