在同一个.vue文件中使用Vuejs scoped和unscoped CSS

af7jpaap  于 7个月前  发布在  Vue.js
关注(0)|答案(1)|浏览(69)

我想在同一个.vue文件中同时拥有scoped style和unscoped style。原因是因为我有一些组件特定的样式,我想被scoped,还有一些vue-boostrap自定义样式,我想应用,但因为元素在另一个组件中(vue-bootstrap的一个),如果我范围这种风格它不会工作.然而,这种自定义引导风格是特定于这个组件,所以我想有CSS写在同一个文件,以避免文件地狱.
所以我想同时有<style lang="scss"><style lang="scss" scoped>。但是当我这样做的时候,它只需要作用域的一个。有什么想法吗?

bprjcwpo

bprjcwpo1#

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

typescript

第一个月

JavaScript

require("@/path/to/style.scss")
这样就可以一次将多个样式表加载到组件中。

相关问题