时间戳

首页 > 解决方案 > 如何在 vue 中使用作用域和 sass？

vue.js - 如何在 vue 中使用作用域和 sass？

问题描述

我想对我的样式使用作用域，当我不使用作用域时，这段代码可以正常工作

<v-dialog persistent content-class="myclass">
 <style  lang="sass">
  .myclass
    max-width:380px

但是当我使用scoped不工作时，发生了什么？

<style scoped lang="sass">
      .myclass
        max-width:380px

标签： vue.jssass

解决方案

通过使用 content-class 意味着“myclass”稍后将被添加到 的子组件中v-dialog，它在创建作用域类时不存在。您只能将作用域类用于直接在 v-dialog 上设置的类（例如<v-dialog persistent class="myclass">）。组件内的所有类都需要使用该组件内的范围类进行设置（如果不创建 v-dialog 子组件的自定义版本就无法做到这一点），或者您需要像已经拥有的那样使用非范围类。 .

推荐阅读