在Vue中使用Vant时,遇到无法覆盖vant原样式的解决方法

前端踩坑记录

今天发现在vue中使用vant组件
不管怎么提高权重和样式覆盖 都无法改变项目中改变组件的样式

经过搜索和尝试发现
是因为vue在编译有scoped的style标签时
会对类名添加编码从而达到专有样式的效果

解决方法就是 在组件中再添加一个style标签
因为一个vue文件中是可以有多个style组件的
在这个没有scoped的style标签中进行样式的覆盖
就可以达到覆盖vant原样式的要求

你可能感兴趣的:(各种踩坑,vue.js)