css - 同一 .vue 文件中的 Vuejs 作用域和非作用域 CSS

Question

我想同时在同一个.vue文件中有范围样式和无范围样式。原因是因为我有一些我想要限定范围的组件特定样式，还有一些我想应用的 vue-boostrap 自定义样式，但是因为元素在另一个组件中（vue-bootstrap 一个），如果我认为这种风格行不通。但是，这个自定义引导样式是特定于这个组件的，所以我想把 CSS 写在同一个文件中，以避免文件地狱。

所以我想同时拥有<style lang="scss">和<style lang="scss" scoped>。但是当我这样做时，它只需要范围内的一个。有任何想法吗 ？

标签： cssvue.jsscoped

Answer 1

您可以在 Vue 组件的脚本部分加载 scss 文件

打字稿

import "@/path/to/style.scss"

javascript

require("@/path/to/style.scss")

这样您就可以一次将多个样式表加载到您的组件中。