多半是因为::v-deep写错位置了,::v-deep不可滥写,否则也不会产生穿透效果。

使用的注意事项:

1.切记必须是双冒号

<style lang="scss" scoped>
.a{
 ::v-deep .b { 
  /* ... */ 
 }
} 
</style>

2.使用方法如下:
在想要修改的样式前面加上v-deep就可了

::v-deep .v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 8px;
  padding: 0px !important; 
}

3.其他注意事项:
https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B1%E5%BA%A6%E4%BD%9C%E7%94%A8%E9%80%89%E6%8B%A9%E5%99%A8

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐