如何在Vue 3中导入作用域CSS？

moiiocjp 于 2023-02-05 发布在 Vue.js

关注(0)|答案(2)|浏览(236)

有人知道如何在Vue3中导入一个有作用域的CSS文件吗？
我试着在script标签中包含代码（见下文），但它只包含全局CSS，然后我试着将其添加到style标签的src属性中，这很有效，但它忽略了style标签中的样式（见下文）。

脚本标记包含

<script>
import '@/assets/sass/styles.sass'
export default {   
...

样式标记包括

<style lang="sass" src="@/assets/sass/styles.sass" scoped>
/* wrapper style ignored if I include src */
#wrapper   
...

2条答案

好的，在发布这个问题后我就能弄明白了。对于其他有这个问题的人，你可以简单地在你的样式标签中调用import，它将保持作用域状态。下面的例子...

<style lang="sass" scoped>
import '@/assets/sass/styles.sass'
/* wrapper is now recognized */
#wrapper   
...

你尝试css

<style lang="css" scoped src="../../../public/css/company/style.css"></style>