样式自定义导入的vue组件

Question

是否可以像这样自定义组件样式：

<my-component class="someClass" />
...
<style>
  .someClass {
    //styles here
  }
</style>

到目前为止，我一直没有成功，这怎么完成？

Answer 1

例如，通过包裹在通过应用程序导入的组件中的按钮，我设法使其工作：

<my-component class="someClass">I'm a button wrapped in 'my-component'</my-component>

<style scoped>
.v-btn.someClass {
    color: blue;
}
</style>

编辑： 我刚刚意识到您的问题不是关于Vuetify的，所以v-btn可能不是您要查找的类。在您的情况下，可能只是以下内容：

<style scoped>
button.someClass {
    color: blue;
}
</style>