在vueJS中调用vueJS时，其中一个根本无法工作。

#在vueJS中调用vueJS时，其中一个根本无法工作。| 来源: 网络整理| 查看: 265

因此，我在运行在create上的代码中添加了第二个总线，但是无论我按什么顺序调用(eventBus2)都不会被调用，然后不返回任何数据。通过打印一些控制台日志，我会感觉到事件Bus2.$on从未被执行过。有什么我不知道的Vue规则，有什么建议吗？

Item.vue

{{ item.name}} {{ item.number}} {{ item.size}} import Something from "./Something.vue"; import axios from "axios"; import { eventBus } from "../main"; import { eventBus2 } from "../main"; export default { components: { Something }, name: "Item", data() { return { selected_item_id: 0, info: null, }; }, methods: { editThisItem(bolt) { this.selected_item_id = bolt; eventBus2.$emit("itemWasSelected", this.selected_item_id); eventBus.$emit("newTabWasAdded", "edit-item"); }, }, mounted() { axios .get("http://localhost:8080/items") .then((response) => (this.info = response.data._embedded.artikli)); }, };

EditItem.vue

import Something from "./Something.vue"; import axios from "axios"; import { eventBus2 } from "../main"; export default { components: { Something}, name: "Edit-item", data() { return { info: null, select_number: 0, select_name: "", selected_item_id: -1, priv_item: { id: 0, size: "big" }, }; }, mounted() { if (this.selected_item_id != -1) { axios .get("http://localhost:8080/items/" + this.selected_item_id) .then((response) => (this.priv_item = response.data)); } }, created() { eventBus2.$on("itemWasSelected", (data) => { this.selected_item_id = data; console.log(" + " + data); //this console log does not even print the "+", the data is empty }); console.log(this.selected_item_id); }, };

main.js

export const eventBus = new Vue(); export const eventBus2 = new Vue();

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章