vue打包样式错乱问题

问题起因:前端有PC/MOBILE两套,打包出现的问题

1.样式错乱,引起的原因是在样式引入没有使用scoped,导致pc/mobile的样式混乱。
解决办法:在引入样式时候加入scoped
什么是scoped ?
当style 标签有scoped属性时,它的 CSS 只作用于当前组件中的元素。

2.通过js或者其他事件触发的新组件不能正常加载样式,比如通过js创建div,虽然在引入的样式里面有定义新建的div的样式,但框架解析时候不会自动加入针对这个div的样式。
解决办法:将这个div的样式提取出来,写在当前模板

点赞