美文网首页
关于使用scoped属性时需要样式需要穿透的方法

关于使用scoped属性时需要样式需要穿透的方法

作者: 未來Miral | 来源:发表于2019-12-25 09:48 被阅读0次

在vue或者react开发时,有时需要对第三方组件的样式进行临时修改,如果页面style使用了scoped,页面的样式没法穿透到组件内,有应急的解决方案:

CSS内
    .style1 >>> .style2 {
        ...
    }
LESS或SCSS内
    .style1 {
        /deep/ .style2 {
            ...
        }
    }

scoped属性一般建议谨慎使用...

相关文章

  • 关于使用scoped属性时需要样式需要穿透的方法

    在vue或者react开发时,有时需要对第三方组件的样式进行临时修改,如果页面style使用了scoped,页面的...

  • 修改第三方组件的样式

    样式穿透 在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或...

  • 这15个Vue开发技巧你都知道多少呢?

    1、样式穿透 在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped...

  • v-html 解析富文本内容

    例如有个msg数据 样式设置需要使用>>> ::v-deep /deep/ 这几个之一来穿透scoped。 v-...

  • vue中如何实现给样式添加作用域?说明其实现原理

    vue中要给样式添加作用域,只需要给style标签添加scoped属性即可. 实现原理: 添加了scoped属性的...

  • html css

    HTML