1.去除自带黑色边框 当打开抽屉(el-drawer)时,默认会对标题加上黑色边框,如下图: 仔细发现,整个抽屉的body也会有黑色边框。看起来很丑吧,可通过css去掉: /deep/ :focus { outline: 0; } 1. 2. 3. 需要注意的是,这里使用了deep。原因是在vue组件中,在style设置为scoped的时候,在里面写样式对子组件是不...
背景 在使用Element-UI中的 <el-drawer 组件时,出现了默认选中标题的问题,如下截图 解决办法: 如果使用了scss预处理器,那么可以通过 ::v-deep 来修改样式,如下代码: ::v-deep :focus { outline: 0; } 1. 2. 3. 或 /deep/ :focus { outline: 0; } 1. 2. 3. 效果图如下:...
以el-drawer的动态标题修改为例,可以用于实现在不同状态下显示不同标题,比如当系统处于某种活动状态时显示,“活动标题”,而当处于另一种活动时,显示“另一种活动标题”,实现对标题的动态修改,从而让应用更加灵活地适应多种场景和状态。 实现el-drawer动态标题修改非常容易,只需要在组件中设置标题属性,并使用v-model...