在 CreateEntryStepper.vue 中，我有一个按钮，我希望在按下时调用一个函数以在 CreateEntryStepperImageUpload.vue 中激活
我知道我必须使用事件总线，但我真的不知道我需要传入什么以及如何让它们工作
bus.js 只是有
import Vue from "vue";
export const bus = new Vue();
CreateEntryStepper.vue（不确定在这里发出什么）
import { bus } from "@/components/wizard/bus.js";
async submitEntry() {
this.$Progress.start();
bus.$emit();
CreateEntryStepperImageUpload.vue（saveImage 是我要调用的方法）
import { bus } from "@/components/wizard/bus.js";
不知道把这个放在哪里
bus.$on()
async saveImage() {
现在我需要的是我发出什么？以及如何在按下该按钮时调用 saveImage
您发出事件的名称，可以是您想要的任何名称。例如：bus.$emit('upload-image');，然后你听这个事件并触发你的回调：
bus.$on('upload-image', () => {
saveImage
.then(/* Do stuff */)
.catch(/* Do stuff */);
});`
有关自定义事件如何工作的更多信息，您可以参考文档：https : //vuejs.org/v2/guide/components-custom-events.html
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句