Vue.js 组件间传递值:解决 'Cannot read properties of undefined (reading '$emit')' 错误
出现这个错误的原因是 'bus' 这个事件总线对象没有被正确地创建和引入。
在 Vue.js 中,可以使用 'Vue.prototype' 来创建一个全局事件总线对象。你可以在 'main.js' 文件中添加以下代码来创建 'bus' 事件总线对象:
import Vue from 'vue'
Vue.prototype.$bus = new Vue()
然后,在 'left-card.vue' 组件中就可以使用 '$bus.$emit()' 来触发事件,而在 'right-card.vue' 组件中使用 '$bus.$on()' 来监听事件并接收传递的值。
确保你已经正确引入了 'Vue' 并且创建了 'bus' 事件总线对象,这样就能够正常地使用 '$emit()' 和 '$on()' 方法了。
原文地址: https://www.cveoy.top/t/topic/b5Xw 著作权归作者所有。请勿转载和采集!