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>

或将其创建为另一个组件