element ui 抽屉的用法 以及 去掉点击时有条黑线
1.效果
2.使用代码
<el-drawer :visible.sync="drawer" :with-header="false" style="color:#000;zIndex:999;" size="20%" :append-to-body="true">
//这里面的内容,可以自行定义
<yp-user-info :currentUser="currentUser" @closeDrawer="closeDrawer"></yp-user-info>
</el-drawer>
3.去掉黑色线条代码
// 我这里使用的 scss
::v-deep .el-drawer:focus {
outline: none;
}
// less 模式
/deep/ .el-drawer:focus {
outline: none;
}
可以使用