javascript - 样式化自定义导入的 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 可能不是您要寻找的类(class)。在您的情况下可能只是以下情况:

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