javascript - vue同组件之间数据传递失效
phpcn_u1582
phpcn_u1582 2017-05-19 10:46:04
[JavaScript讨论组]

两个组件之间使用Event Bus进行数据传递,但是数据赋值时出现了问题.

接受数据的组件:



console,log里面已经看到created函数被调用,this.movie已经被重新赋值了,但是界面上的UI就是没变化,而且打印当前的this.movie还是空对象,这是为什么?

phpcn_u1582
phpcn_u1582

全部回复(3)
高洛峰

自己回答一下,主要是没理解Bus的机制。那个组件created回调时,另一个组件的emit已经发出,导致on没有收到事件。

習慣沉默

vue里面对象赋值的时候,如果没有在data里面声明他的属性,动态赋值可能会不起作用,你加个name属性试下应该就好了。可以去看看vue官方说明https://vuefe.cn/v2/guide/rea... 进阶第一条----变化检测问题

受现代 Javascript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。

仅有的幸福

贴出全部代码?

this.setMovie(movie)
this.setIndex(index)

并不知道这两个干了什么。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号