[英]Vue.js Call method from another component
我有2个组成部分。 如何在createProject()
方法中调用fetchProjectList()
createProject()
方法。
第一部分:
Vue.component('projects', {
template: '#projects-template',
data: function () {
return {
list: []
}
},
ready: function () {
this.fetchProjectList();
},
methods: {
fetchProjectList: function () {
resource.get().then(function (projects) {
this.list = projects.data;
}.bind(this));
}
}
});
第二部分
Vue.component('createProjects', {
template: '#create-projects-template',
methods: {
createProject: function () {
resource.save({}, {name: this.name}).then(function () {
this.fetchProjectList()
}.bind(this), function (response) {
// error callback
});
}
}
});
你不应该,或者宁可不应该。 组件不应直接依赖其他组件。
您应该将此方法提取到mixin中 ,或将其保留在自己的对象中,然后将其导入每个组件。
阅读商店模式: http : //vuejs.org/guide/application.html#State_Management
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.