Vue.js-如何从另一个组件调用方法

我正在使用Vue.Js v2。我想在提交后调用component2-> c2method中的component1-> c1method来重新加载数据。

Vue.component('component1', {
  methods: {
    c1method: function(){
     alert('this is c1method')
    },
  }
})
Vue.component('component2', {
  methods: {
    c2method: function(){
     component('component1').c1method()//like this
    },
  }
})
TomTony2020/03/12 11:04:59

该文档解决了这种情况

https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication

如果您的组件具有相同的父级,则可以发出父级侦听的事件。然后,在ref设置属性后,您可以c1method从父级调用

https://vuejs.org/v2/guide/components.html#Child-Component-Refs