Vue.js Vue:事件不发出多个值。v型车有什么问题吗？

我是Vue初学者，曾经尝试过设置一个简单的应用程序，它接受一些用户输入，在额外的页面/组件上显示结果。 组件A有2个滑块。我想将这两个值传递给组件C。目前只传递一个值

我花了几个小时在这个问题上，并且已经在@RoboKozo的另一个问题上得到了非常有价值的支持，但这让我无法再前进了

---

请在此处找到我的。

您正在

组件A

中发出

本地

和

local2

的值，但是父级（

App.vue

）没有使用它们更新其

数据中的
值和
value2

后者应作为
props
传递到
ComponentC
，以便显示：

组件a.vue：

evaluateForm(){
  this.$emit('updateModelValue', this.local)
  this.$emit('update2ModelValue2', this.local2)
  this.$emit('saved')
}

<component 
  :is="selectedComponent" 
  @updateModelValue="val => value=val"
  @update2ModelValue2="val => value2=val" 
  :modelValue="value" 
  :modelValue2="value2" 
  @saved="setSelectedComponent('ComponentC')" 
/>

App.vue：

evaluateForm(){
  this.$emit('updateModelValue', this.local)
  this.$emit('update2ModelValue2', this.local2)
  this.$emit('saved')
}

<component 
  :is="selectedComponent" 
  @updateModelValue="val => value=val"
  @update2ModelValue2="val => value2=val" 
  :modelValue="value" 
  :modelValue2="value2" 
  @saved="setSelectedComponent('ComponentC')" 
/>



我不知道您选择使用
的原因：这里是
，但是如果您只有这两个子组件，最好在模板中拆分它们。
绑定两个道具并发射

<component 
  :is="selectedComponent" 
  :modelValue="value" 
  :modelValue2="value2" 
  @update:modelValue="value = $event"
  @update2:modelValue2="value2 = $event"
>
</component>

更新
modelValue2
模型值的事件名称应为
update:modelValue2
（而不是
update2:modelValue2
）：

//组件c.vue
this.$emit（'update:modelValue2'，this.local2）

然后要将
component.modelValue2
绑定到
App.value2
，请指定
modelValue2
作为
v-model
绑定参数：



注意：您不需要为
modelValue
指定绑定参数，因为这是默认值