樣式自定義導入的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>