☰

Vue スロットのスタイリング 質問する

tag-icon • tag-icon vue.js vuejs2 vue-component
Vue スロットのスタイリング 質問する

Vue コンポーネント内のスロットにスタイルを設定する方法はありますか?

<slot style="position: absolute"></slot>

そして

<slot class="slot"></slot>

動作しない。

ベストアンサー1

スロットを で囲み<div>、<div>代わりに をスタイルします。

<div style="...">
  <slot></slot>
</div>

スロット要素にスタイルを適用する必要がある場合は、次のような CSS セレクターを使用できます。

<div class="wrapper">
  <slot></slot>
</div>

.wrapper > * {
  color: red;
}

おすすめ記事