Vue使用@import 引入样式文件全局污染、使用scoped失效问题

  • 开发
  • 54

scoped
在组件中的style使用@import方式引入外部css，发现引入的css会污染到其他地方。即所谓的样式全局污染。不管加不加scoped都一样。

<style lang="scss" scoped>
    @import url("/style/index.scss") 
<style>

上面这种情况即时加入了scoped也无效，样式一样会污染到其他地方。

正确写法:

<style lang="scss"  src="/style/index.scss"  scoped><style>

阅读全部

相关推荐

  1. Vue使用@import 引入样式文件全局污染、使用scoped失效问题

    2023-12-05 18:30:09       55 阅读

  2. 如何引入全局样式文件？

    2023-12-05 18:30:09       23 阅读

  3. vue html里面使用全局引入的scss变量

    2023-12-05 18:30:09       44 阅读

  5. VUE---组件的样式冲突scoped

    2023-12-05 18:30:09       54 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-05 18:30:09       98 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-05 18:30:09       106 阅读

  9. 在Django里面运行非项目文件

    2023-12-05 18:30:09       87 阅读

  19. Python语言-面向对象

    2023-12-05 18:30:09       96 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2023-12-05 18:30:09       91 阅读

热门阅读

  1. 【Python】pptx文件转pdf

    2023-12-05 18:30:09       59 阅读

  3. Hive -- 基本概念

    2023-12-05 18:30:09       52 阅读

  10. 将Windows中的Anaconda虚拟环境迁移到Linux系统

    2023-12-05 18:30:09       56 阅读

  16. Kafka（六）利用Kafka Connect+Debezium通过CDC方式将Oracle数据库的数据同步至PostgreSQL中

    2023-12-05 18:30:09       74 阅读