vue中使用css module时编译后的style中的类选择器名和dom中类名不一致导致样式不能生效
使用css module时, 父组件会将子组件style的类选择器加上hash后缀, 但是html标签是原样, 导致子组件引用不到样式效果
比如header.vue中引用了子组件btn.vue.
子组件style中设置.class{background:red}, dom中设置:class="$style.class".
编译之后变成:
style中是: .class_???(hash后缀),
dom中是: class="class".
两者不匹配, 导致样式不能生效.
参考慕课网问题页: 慕课网问题页
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
附上链接：https://www.cnblogs.com/xiaoh...
建议仔细看一下