Vue.js 在这种情况下，如何解决存在重复插槽的问题？[Vue]

目前我遇到以下错误：

在同一渲染树中发现插槽“default”重复存在- 这可能会导致渲染错误

虽然有一些关于如何解决这个问题的例子，但我不知道在我的案例中如何解决这个问题

这是我在PHP文件中为搜索组件使用的标记

<search>
    <form action="#" class="form-inline">
        <div class="form-group">
            <label for="number_persons">Persons</label>

            <select class="form-control" name="num_persons">
                <etc>
            </select>
        </div><!-- /.form-group -->
    </form>
</search>

从文档中我看到您要使用类似于作用域插槽的东西？我已经尝试过实现它们，但我无法让它工作。我只是尝试将作用域添加到PHP文件和vue组件中的

表单中

<search>
    <form action="#" class="form-inline">
        <div class="form-group">
            <label for="number_persons">Persons</label>

            <select class="form-control" name="num_persons">
                <etc>
            </select>
        </div><!-- /.form-group -->
    </form>
</search>

有人能告诉我在这种情况下使用什么语法吗

更新了@Cobaltway中的示例

对于作用域插槽，父级中的
元素（具有属性作用域）似乎是必需的，如第三个示例中所指定。它必须是一个模板元素，不能与任何其他元素一起使用

在父元素中，具有特殊属性作用域的
元素
指示它是作用域插槽的模板。范围的价值
保存传递的props对象的临时变量的名称
从孩子那里


Vue.component（'search'{
模板：`
`
});
新的Vue（{el:'#app'}）

人物{{props.text}
无法重现：@Cobaltway抱歉，我的示例不清楚。我添加了一个循环，因为这是它出错的地方。在重复默认插槽时。@Cobaltway您更新的JSFIDLE:您的目标是让插槽以相同的方式复制n次吗？@Cobaltway是。从vue.js站点：
在2.5.0+中，插槽范围不再局限于任何元素或组件，并且可以在任何元素或组件上使用。