为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js使用公共事件总线

vue.js使用公共事件总线

白板的微信 2018-11-28 22:17:14
在练习vue框架的使用,在写一个todo的demo,我把input元素(new-input组件)和展示待办事项的ul,li元素(todo-items和todo-item组件)写成了两个平行的组件,现在在input组件中输入文字添加,使用公共事件总线触发update事件,在todo-items组件的生命周期中创建钩子函数监听update事件并修改组件中的数据,这时问题来了,报错显示该组件的todos数组为undefined下面贴代码不知道什么原因,todo-items中的deleteItem方法又可以操作todos数组。
查看完整描述

1 回答

?
MM们

TA贡献1886条经验 获得超2个赞

手机作答
问题主要出现在bus.$emit那,bus是一个新的实例Vue,他的this没有todos,应该这样

created里面:
const that = this
之后bus里面的 this改为that

手机作答,就不写详细代码了,你应该懂了


查看完整回答
反对 回复 2018-12-19
  • 1 回答
  • 0 关注
  • 580 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号