首页 > 建站教程 > 前端框架 >  vue3在style中用@import导入的css文件,scoped不生效影响全局样式正文

vue3在style中用@import导入的css文件,scoped不生效影响全局样式

vue3在style标签中用@import导入的css文件,style标签上加入了scoped,但是scoped并不生效,影响了全局样式,代码如下

vue3,style,@import


生成的样式:

vue3,style,@import


将@import去掉,直接将css文件放到style标签的src属性中引入即可。代码如下:

vue3,style,@import


最终生成的样式,scoped生效了:

vue3,style,@import