将带有插槽的类传递给vue组件

Question

我有一个vue组件

<Student></Student>

我想根据他们是本科生还是研究生而改变风格。

我知道我可以传入一个prop并使用此值来分配动态类或在计算的prop中使用它。

<Student type="'postGrad'"></Student>

但是我可以使用插槽并分配一个类吗？还是有更好的方法来使用道具来实现这一目标？

<Student>
 <slot name="type">PostGrad/slot>
</Student>

我一直都使用道具，但觉得我可能会错过带有插槽的好技术。

Answer 1

只需尝试添加课程

<Student class="myClass">
 <slot name="type">PostGrad/slot>
</Student>