Vuejs scoped & unscoped CSS in the same .vue file



我想要有作用域样式&在同一时间在同一.vue文件中取消缩放样式。原因是我有一些特定于组件的样式,我想确定其范围,但也有一些vue-boostrap自定义样式,我希望应用,但因为元素在另一个组件(vue-bootstrap(中,如果我确定此样式的范围,它将不起作用。然而,这个自定义的引导样式是特定于这个组件的,所以我希望在同一个文件中编写CSS,以避免文件地狱。

所以我想同时拥有<style lang="scss"><style lang="scss" scoped>。但当我这样做的时候,它只接受范围内的一个。有什么想法吗?

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

打字稿

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

javascript

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

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

相关内容

最新更新