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

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

Drawer 抽屉的设置

<el-drawer
        title="我是标题"
        :with-header="drawerProp.withHeader"
        size="35%"
        :append-to-body="drawerProp.appendToBody"
        :visible.sync="drawerProp.drawer"
        :direction="drawerProp.direction"
        :modal = "drawerProp.model"
        :before-close="handleClose">
</el-drawer>

在data（）中设置：

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

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

@click="drawerProp.drawer = true"

这时抽匣的标题会出现一个难看的蓝色边框，一会就会消失，但是好丑，所以要去掉它

  /deep/ :focus {
    outline: 0;
  }