Vue 使用/deep/在当前页面修改Avue-CRUD组件的默认样式

• Z时代
• 2024-01-10
• 分类：综合

错误示范1（会影响其他页面的样式）：

    <style>
    .avue-crud__menu {
      display: none;
    }
    </style>

错误示范2（样式无效）：

    <style lang="scss" scoped>
    .avue-crud__menu {
      display: none;
    }
    </style>

正确示范：

    <style lang="scss" scoped>
    /deep/ .avue-crud__menu {
      display: none;
    }
    </style>

或者：

    <style lang="scss" scoped>
    ::v-deep .el-divider--vertical {
      height: auto;
    }
    </style>

 
————————————————
版权声明：本文为CSDN博主「写bug断了电」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fyydashen/article/details/113611506

以上是 Vue 使用/deep/在当前页面修改Avue-CRUD组件的默认样式 的全部内容， 来源链接： utcz.com/z/377010.html