前端踩坑记录
今天发现在vue中使用vant组件
不管怎么提高权重和样式覆盖 都无法改变项目中改变组件的样式
经过搜索和尝试发现
是因为vue在编译有scoped的style标签时
会对类名添加编码从而达到专有样式的效果
解决方法就是 在组件中再添加一个style标签
因为一个vue文件中是可以有多个style组件的
在这个没有scoped的style标签中进行样式的覆盖
就可以达到覆盖vant原样式的要求
前端踩坑记录
今天发现在vue中使用vant组件
不管怎么提高权重和样式覆盖 都无法改变项目中改变组件的样式
经过搜索和尝试发现
是因为vue在编译有scoped的style标签时
会对类名添加编码从而达到专有样式的效果
解决方法就是 在组件中再添加一个style标签
因为一个vue文件中是可以有多个style组件的
在这个没有scoped的style标签中进行样式的覆盖
就可以达到覆盖vant原样式的要求