javascript - 如何将 'delegated' 函数的参数从子函数传递给另一个函数到父函数？

Question

我有一个问题。我如何调用(委托(delegate))函数并向其添加一些参数，javascript中有vay吗？

我创建了一个小例子: https://jsfiddle.net/p7kL5mvw/

在孙子中，我有一个 OnEdit 函数。它应调用其父组件的 onEdit 函数，因此祖组件会从中间(TableView)接收 a) 更改后的值和 b) prop a 和 b。

我在寻找一些东西，以便我可以在这行中说:

<click-to-edit v-model="todos[idx].text" :editable="true" :pOnEdit="onEdit"></click-to-edit>

调用我 parent 的 onEdit 函数，传递我的 child 给出的值并添加我的参数，例如:

:pOnEdit="onEdit(() => childArgument, todos[idx].a, todos[idx].b)

是否有可能，或者您将如何解决这个问题？非常感谢您的帮助!

Answer 1

只需使用 custom events

点击编辑组件内部

<input @input="$emit('update', $event.target.value)" />

父级:

<click-to-edit v-model="todos[idx].text" :editable="true" @update="$emit('update', $event, todos[idx].a, todos[idx].b)"></click-to-edit>

祖 parent :

<Parent @update="onUpdate" />

methods: {
  onUpdate(childArgument, parentArgumentA, parentArgumentB) {
   // do whatever
  }
}