vue eventBus传值问题,可以控制台打印,但是无法渲

2018-01-29  本文已影响0人  beautymo

本来是打算在兄弟组件之间传值,如下

image.png
一开始使用的是eventBus那个方法,步骤如下:
1.先创建一个空vue实例:
image.png
2.在AllDocument.vue中传值,然后路由跳转到Word.vue
image.png
3.在word.vue界面接收参数
image.png
于是出现了一个问题!!!
bus.$on里的this.msg能打印出值来,而外面(最下方)的那个this.msg打印值为空,
也就是说值其实是传过去了,但是无法渲染在word.vue上
即使使用了箭头函数,并且在函数体外边var self = this,就是为了防止函数体中的this指向错误,但是错误还是出现了
错误原因如下:

在AllDocument.vue中的那两行代码,首先用bus传值,随后跳转路由,值是传过去了,但是路由的跳转使得页面重新渲染了一下,一夜回到解放前,自然是没有值的

解决方法如下:

vue 利用路由跳转传值

上一篇下一篇

猜你喜欢

热点阅读