样式化自定义导入的 vue 组件答案

【问题标题】：styling custom imported vue component样式化自定义导入的 vue 组件
【发布时间】：2019-08-28 11:02:00
【问题描述】：

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

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

我到现在都没有成功，怎么才能做到呢？

【问题讨论】：

【解决方案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>

【讨论】：

谢谢，所以如果我收集正确，没有办法直接将类应用到自定义组件，我需要找出“内部”类是什么？
我现在无法测试，但作为一个疯狂的猜测，我会这么说。
@Michael 您可以将任何class 赋予自定义组件，您可以在渲染到组件父 div 的 DOM 中看到它。但是，如果组件是作用域的，则不能使用该类覆盖 css