欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vant 无法覆盖组件样式

程序员文章站 2024-01-25 20:27:52
...

问题描述:
在修改组件样式的时候,有些修改没有效果,在浏览器也看不到修改的内容。而 去掉 scoped 之后就会有效果。

<style lang="scss"  scoped>
</style>

三种解决方式:

  • 1、在下面加一个不带scoped<style> 标签处理例外情况
<style lang="scss"  scoped>
</style>

<style lang="scss">
...
img {
   border-radius: 50%;
}
</style>
  • 2、建一个 css 文件,用来写一些覆盖样式
  • 3、在要覆盖的样式前加上 ::v-deep
....
 ::v-deep img {
    border-radius: 50%;
 }
相关标签: 采坑之路 Vue