VueJS：如何将道具设置为槽元素？

Question

是否可以在插槽元素上设置道具？

组件

durable_writes

应用

<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>

JSFiddle

Answer 1

不，因为插槽已被替换，您应该执行以下操作：

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

或将其创建为另一个组件