将 slot props 绑定到 slot 的父组件 props答案

【问题标题】：bind slot props to the slot's parent component props将 slot props 绑定到 slot 的父组件 props
【发布时间】：2020-01-12 12:15:09
【问题描述】：

我正在尝试创建一个通用模板，然后将填充一些我作为插槽省略的独特元素。

一些插槽具有动态数据：输入字段 contenteditable div 等。我的目标是让输入字段（位于插槽内）中新添加的数据在插槽的父组件内可用

现在我能够将数据从插槽的父级传递到插槽，但是，我在尝试发回数据时失败了。

here is a REPL 进一步解释我的目标。在 REPL 中，输入字段由来自父 PageBuilder.svelte 的“FromPageBuilder”字符串填充。我的目标是，当我更改输入字段时，字符串“PageBuilder data is {data}”会更新，其中 {data} 是输入字段中写入的值

我已经尝试从唯一组件调度一个事件并在编译器响应的插槽上执行 on:event 你不能在插槽上使用指令。

编辑：只要达到预期目标，我也会接受不使用插槽的解决方案

【问题讨论】：

标签： svelte

【解决方案1】：

我已经能够使用实现所需的功能。

Here is a REPL 的实现。

但是由于这个解决方案没有完全回答这个问题，我会暂时回答这个问题，希望有人知道如何使用插槽做同样的事情

【讨论】：