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

Question

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

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

目前，我能够将数据从插槽的父级传递到插槽，但是，尝试将数据发送回时，我没有成功。

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

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

编辑：我也接受只要达到预期目标就不使用广告位的解决方案

Answer 1

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

Here is a REPL的实现。

但是，由于此解决方案无法完全回答问题，因此我会在一段时间内保留此问题的答案，希望有人知道如何使用插槽来做同一件事