我想在同一个.vue
文件中同时拥有scoped style和unscoped style。原因是因为我有一些组件特定的样式,我想被scoped,还有一些vue-boostrap自定义样式,我想应用,但因为元素在另一个组件中(vue-bootstrap的一个),如果我范围这种风格它不会工作.然而,这种自定义引导风格是特定于这个组件,所以我想有CSS写在同一个文件,以避免文件地狱.
所以我想同时有<style lang="scss">
和<style lang="scss" scoped>
。但是当我这样做的时候,它只需要作用域的一个。有什么想法吗?
1条答案
按热度按时间bprjcwpo1#
您可以在Vue组件的脚本部分加载scss文件
typescript
第一个月
JavaScript
require("@/path/to/style.scss")
个这样就可以一次将多个样式表加载到组件中。