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

Question

是否可以在 slot 元素上设置 props？

组件

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

或者将其创建为另一个组件

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

VueJS: How to set props to slot elements?

vue.js

vuejs2