将插槽道具绑定到插槽的父组件道具

Question

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

有些槽有动态数据:输入字段、可内容编辑的div等。我的目标是让输入字段(在槽内)中新添加的数据在槽的父组件中可用。

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

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

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

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

Answer 1

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

实现的Here is a REPL。

但是，由于这个解决方案并没有完全回答这个问题，我将把这个问题留待一段时间再回答，希望有人知道如何使用插槽来做同样的事情