美文网首页
vue eventBus传值问题,可以控制台打印,但是无法渲

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

作者: beautymo | 来源:发表于2018-01-29 09:44 被阅读0次

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

    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 利用路由跳转传值

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/oentzxtx.html