Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在其他组件Vue js上传递对象_Javascript_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript 在其他组件Vue js上传递对象

Javascript 在其他组件Vue js上传递对象,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我是Vue.js的初学者,我有点困惑如何在其他组件中传递对象 我的问题是我有两个名为组件A和组件B的组件文件。 组件A有三个按钮,组件B应该获取数组 我想做的是,每当我点击组件A,组件B将获取数据 我试图通过参数传递它,但我没有得到我想要的输出,请帮助。提前感谢。您需要的是定制活动。您可以将vue实例用作事件总线: const bus = new Vue() 当单击按钮时,ComponentA将发出一个事件 onClick () { bus.$emit('onAClick') } Com

我是Vue.js的初学者,我有点困惑如何在其他组件中传递对象

我的问题是我有两个名为组件A组件B的组件文件。 组件A有三个按钮,组件B应该获取数组

我想做的是,每当我点击组件A组件B将获取数据


我试图通过参数传递它,但我没有得到我想要的输出,请帮助。提前感谢。

您需要的是定制活动。您可以将vue实例用作事件总线:

const bus = new Vue()
当单击按钮时,ComponentA将发出一个事件

onClick () {
  bus.$emit('onAClick')
}
ComponentB侦听该事件,并在事件发生时调用API

bus.$on('onAClick', () => {
  this.contentFromAPI = fetchAPI()
})

下面是一个简单的示例:

createjsfiddle来显示您正在做什么。要从你发布的内容中得到你想要做的事情并不容易。