Javascript Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件?
我有两个组件,都共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我正在使用vueJS 2)通信应由Javascript Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件?,javascript,vue.js,Javascript,Vue.js,我有两个组件,都共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我正在使用vueJS 2)通信应由父组件处理,如下所示: 子1将数据发送给父级 父对象侦听上一个对象的发射,保存新值,并将其传递给第二个子对象: 一个子级可以发出事件向父级提供数据,然后父级可以通过属性向第二个子级提供数据。或者,两个孩子都可以共享一个充当主记录保管人的服务。看看这个@Prasanjitdutta,如果它解决了您的问题,请将答案标记为解决方案,以便将来的访问者也能从中受益。 this.$emi
父组件处理,如下所示:
子1将数据发送给父级
父对象侦听上一个对象的发射,保存新值,并将其传递给第二个子对象:
一个子级可以发出事件向父级提供数据,然后父级可以通过属性向第二个子级提供数据。或者,两个孩子都可以共享一个充当主记录保管人的服务。看看这个@Prasanjitdutta,如果它解决了您的问题,请将答案标记为解决方案,以便将来的访问者也能从中受益。
this.$emit('myVarChanged', this.myVar);
<ChildOneComponent @myVarChanged="updateMyVar" />
data() { return { myVar:null } }
methods: {
updateMyVar(val){
this.myVar = val;
}
}
<ChildTwoComponent :myVar="myVar" />
props: ['myVar']