如何绑定从组件返回的值

Question

我在组件中导入了两次相同的子组件，并使用onClick()和$emit()从子组件中获取结果。现在我想绑定返回给每个组件的值。

例如，如果我点击$on中的星标dimensionA，则2应显示dimensionA :: {{dimensionA}}，dimensionA :: 2显示dimensionB。有帮助吗？

以下是JSFiddle

Answer 1

您可以使用v-model而不是传递道具，因为您希望在父组件和子组件之间进行双向数据绑定。如果你看docs，

<input v-model="something">

只是语法糖：

<input v-bind:value="something" v-on:input="something = $event.target.value">

因此，对于使用v-model的组件，它必须：

• 接受价值道具
• 使用新值
发出输入事件

我已经修改了你的小提琴，看看here。