首页 > 上网技巧 > 电脑小技巧 > vue外部引入样式造成全局污染的解决办法

vue外部引入样式造成全局污染的解决办法

时间:2021-08-14 17:32 作者:QQ地带 我要评论

单个组件中样式污染
单个组件中使用样式<style></style>没有加scoped时,当有相同class类名,样式则会受到影响
 
解决方法:
 
使用<style scoped></style>
 
多个组件共用样式污染
项目中,有时候为了方便会共用一套样式,然而若使用下面的方法进行引入,则可能影响全局样式。是因为使用import引入样式时,并不是引入代码到里面,而是发起新的请求获得样式资源。
 
<style scoped>
@import "assets/css/base.css";
</style>
解决方法:
 
使用<style src="assets/css/base.css" scoped></style>

标签: vue
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告