में गैर अभिभावक-बच्चे घटकों के बीच डेटा साझा कर सकते हैं मैं 3 घटकों (मिल-उन, मिल-परियोजनाओं, मिल-कार्य) है - प्रत्येक एक बटन जो कुछ डेटा पुनर्प्राप्त करने के लिए एक ajax अनुरोध आग में शामिल है। मैं पेज पर एक चौथे स्वतंत्र घटक (शो-परिणाम) में प्रदर्शित होने के लिए AJAX अनुरोध से डेटा वापस लौटा चाहता हूं। जैसेमैं कैसे Vue
<div class="row">
<div class="col-md-6>
<get-users></get-users>
<get-projects></get-projects>
<get-tasks></get-tasks>
</div>
<div class="col-md-6>
<show-results></show-results>
</div>
</div>
get-उन घटक:
<script>
export default {
template: require('./get_users.template.html'),
data: function() {
return {
userList: ''
}
},
methods: {
getUsers(e) {
e.preventDefault();
this.$http.get('api/getusers').then(function (response) {
this.userList = response.data.users; // How can I also pass this to the show-results component?
})
}
}
}
</script>
Vue उदाहरण/decalaration
var Vue = require('vue');
Vue.use(require('vue-resource'));
import getUsers from './components/get_users.vue';
import getProjects from './components/get_projects.vue';
import getTasks from './components/get_tasks.vue';
import showResults from './components/show_results.vue';
new Vue ({
el: '#app',
components: { GetUsers, GetProjects, GetTasks, ShowResults },
})
शो परिणाम घटक के रूप में एक माता पिता/बच्चे का रिश्ता मैं का हिस्सा नहीं है एपीआई के $ प्रसारण या $ प्रेषण विधियों का उपयोग नहीं कर सकते हैं।
यह ajax वादा के पूरा होने पर एक से दूसरे घटक से डेटा पारित करने के लिए संभव है?
वे कर रहे हैं सुनने के लिए वही रूट वू उदाहरण के भीतर दोनों? – nils
हां, वे हैं। मैंने वू घोषणा दिखाने के लिए मूल पोस्ट संपादित किया है। –