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

Question

我正在使用 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
    },
  }
})

Answer 1

对于非父子关系，则与此相同。调用一个方法，显然是来自任何其他组件的组件的任何方法。只需将 $on 函数添加到 $root 实例并调用任何其他组件访问 $root 并调用 $emit功能。

在第一个组件上

    ....    mounted() {        this.$root.$on('component1', () => {            // your code goes here            this.c1method()        }    }

并在第二个组件中调用 $root 中的 $emit 函数

    ...    c2method: function(){     this.$root.$emit('component1') //like this    },

它更像是一个套接字。引用这里

https://stackoverflow.com/a/50343039/6090215