vue项目中使用样式穿透

Posted 2021-09-03 奥特曼　

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目中使用样式穿透相关的知识，希望对你有一定的参考价值。

在平常开发项目中经常会遇到父子组件嵌套，但是使用子组件时更多是为了复用，使用子组件时即不想修改子组件原来的样式，又想对它进行一些操作这时候就用到了样式穿透

1.外层容器 >>> 组件名在less中使用

2.外层容器 /deep/ 组件名在less中使用

3.外层容器 ::v-deep 组件名在scss中使用

如果你发现第一个不能实现就用其他的试一试

以上是关于vue项目中使用样式穿透的主要内容，如果未能解决你的问题，请参考以下文章