javascript - 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
    },
  }
})

最佳答案

该文档解决了这种情况

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

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

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

关于javascript - Vue.js-如何从另一个组件调用方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42990308/