如何通过多个组件发出更新:MyPropName?

时间:2019-10-22 14:30:42

标签: vue.js

因此,如果我想在孩子和父母之间建立双向绑定,则以这种模式发出事件:

@change="$emit('update:number1', $event.target.value)"
also see here:
https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier

现在,假设我有一个像这样的compA:

<template>
  <div>

    <input
    :value="number1"
    @change="$emit('update:number1', $event.target.value)"
    placeholder="number1emittedEvent"
    />
    <input v-model="number1" placeholder="number1vmodel">

  </div>
</template>

<script>
export default{
  name: "compA",
  props: {
    number1: String
  }
}
</script>
然后由compB然后由C导入

compA,依次类推,直到compZ。 愚蠢的设计(可能),但仅出于我的问题: 如何通过多个组件传播这样的事件? 通常,它遵循以下原则:

compA:       X compB:       

在这里,事件通过回调策略向上层叠。 但是在如上所述的情况下,我想知道这是否可能,因为我没有任何明确的分母可用来创建此“回调”。还是我?

0 个答案:

没有答案