vue.js - VueJS:小道具をスロット要素に設定するには?

Question

スロット要素に小道具を設定することは可能ですか?

成分

<script id="templ-container" type="text/x-template">
    <div>
        <p>top</p>
        <slot class="borders"></slot>
        <p>bottom</p>
    </div>
</script>

アプリ

<container>
    <p>Aliquam et enim congue, luctus nulla vel...</p>
</container>

期待される最終結果

<p>top</p>
<p class="borders">Aliquam et enim congue, luctus nulla vel...</p>
<p>bottom</p>

JSFiddle

Answer 1

いいえ、スロットが置き換えられるため、次のようにする必要があります。

<p>top</p>
<div class="borders"><slot></slot></div>
<p>bottom</p>

または、別のコンポーネントとして作成します