Javascript 在其他组件Vue js上传递对象
我是Vue.js的初学者,我有点困惑如何在其他组件中传递对象 我的问题是我有两个名为组件A和组件B的组件文件。 组件A有三个按钮,组件B应该获取数组 我想做的是,每当我点击组件A,组件B将获取数据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实例用作事件总线:
const bus = new Vue()
当单击按钮时,ComponentA将发出一个事件
onClick () {
bus.$emit('onAClick')
}
ComponentB侦听该事件,并在事件发生时调用API
bus.$on('onAClick', () => {
this.contentFromAPI = fetchAPI()
})
下面是一个简单的示例:createjsfiddle来显示您正在做什么。要从你发布的内容中得到你想要做的事情并不容易。