应用element-ui中Drawer 抽屉并去除Drawer 标题自带蓝色框

在做项目的时候页面上需要设置的东西太多,所以将所有的设置按钮归于一个,点击后出现一个抽匣,在上面做设置就是了

Drawer 抽屉的设置


el-drawer>

在data()中设置:

drawerProp:{
              direction: 'ltr',
              drawer: false,
              withHeader: false,
              appendToBody: true,
              model: false
            },

当点击事件drawer==true时,抽匣回打开

@click="drawerProp.drawer = true"

这时抽匣的标题会出现一个难看的蓝色边框,一会就会消失,但是好丑,所以要去掉它
在这里插入图片描述

  /deep/ :focus {
    outline: 0;
  }

你可能感兴趣的:(前端)