如何绑定组件单独返回的值
How to bind the value separately returned from the component
我在一个组件中两次导入相同的子组件，并使用$emit()和$on从子组件中获取结果。现在我想将返回的值绑定到每个组件。
例如，如果我点击 dimensionA 中的星星为 2，dimensionA :: {{dimensionA}} 应该显示 dimensionA :: 2，与 dimensionB 相同。有什么帮助吗？
这里是 JSFiddle
您可以使用 v-model instead of passing props, as you want two way data binding between your parent and child component. If you look at docs、
<input v-model="something">
只是语法糖：
<input v-bind:value="something" v-on:input="something = $event.target.value">
因此，要使组件与 v-model 一起工作，它必须：
- 接受价值主张
- 使用新值发出输入事件
我已经用这些更改修改了你的fiddle，看看here。
我在一个组件中两次导入相同的子组件，并使用$emit()和$on从子组件中获取结果。现在我想将返回的值绑定到每个组件。
例如，如果我点击 dimensionA 中的星星为 2，dimensionA :: {{dimensionA}} 应该显示 dimensionA :: 2，与 dimensionB 相同。有什么帮助吗？
这里是 JSFiddle
您可以使用 v-model instead of passing props, as you want two way data binding between your parent and child component. If you look at docs、
<input v-model="something">
只是语法糖：
<input v-bind:value="something" v-on:input="something = $event.target.value">
因此，要使组件与 v-model 一起工作，它必须：
- 接受价值主张
- 使用新值发出输入事件
我已经用这些更改修改了你的fiddle，看看here。