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

JavaScript

伽罗Itachi

2020-03-12

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

第920篇《Vue.js-如何从另一个组件调用方法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
TomTony 2020.03.12

该文档解决了这种情况

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android