vue里可以使用/deep/或者::v-deep来做穿透
1、在less里
<style lang='less' scoped> /deep/ 第三方组件类名{ 样式 } </style>
2、在scss里
<style lang='scss' scoped> ::v-deep 第三方组件类名{ 样式 } </style>
3、解决实际遇到的问题
原先根据代码生成一个链接,但显示的时候好像没有体现出来,看内容值也是对的,下面是具体的内容值。
同时看下面的a样式也是正常的,所以因为其它原因被屏蔽了。
这个怎么修改这个样式都是没有什么用的,这个时候就需要穿透技术了
.article-content { p { word-wrap: break-word; word-break: break-all; text-overflow: initial; white-space: normal; font-size: .9rem !important; margin-bottom: .8rem; } /deep/ a { color: #1890ff; }
因为我这里是less,所以用/deep/的对a样式进行颜色穿透,效果如下: