/deep/ .el-drawer__body { overflow: auto; } /deep/ .el-drawer__container ::-webkit-scrollbar{ display: none; } 1. 2. 3. 4. 5. 6. 7. 8. 1.去除自带黑色边框 当打开抽屉(el-drawer)时,默认会对标题加上黑色边框,如下图: 仔细发现,整个抽屉的body也会有黑色边框。看起来很丑吧,可通...
在使用Element-UI中的 <el-drawer 组件时,出现了默认选中标题的问题,如下截图 解决办法: 如果使用了scss预处理器,那么可以通过 ::v-deep 来修改样式,如下代码: ::v-deep :focus { outline: 0; } 1. 2. 3. 或 /deep/ :focus { outline: 0; } 1. 2. 3. 效果图如下:...
实现el-drawer动态标题修改非常容易,只需要在组件中设置标题属性,并使用v-model定即可实现。例如,让我们在el-drawer中实现标题的动态修改: <el-drawer :title=title v-model=visible ... </el-drawer> 其中,title为标题字符串,可以通过Vue.js法动态地修改。例如: export default { data () { return { ...
当内容超过抽屉的容器高度时,默认是不会上下滚动,出现滚动条的。造成的后果就是超出的部分无法查看,解决办法就是通过css来设置滚动条并允许上下滚动: /deep/ .el-drawer__body { overflow: auto; }/deep/ .el-drawer__container ::-webkit-scrollbar{ display: none; } 细心的你可能发现了,改变el-drawer的...
当内容超过抽屉的容器高度时,默认是不会上下滚动,出现滚动条的。造成的后果就是超出的部分无法查看,解决办法就是通过css来设置滚动条并允许上下滚动: /deep/ .el-drawer__body { overflow: auto; } /deep/ .el-drawer__container ::-webkit-scrollbar{ ...