非父子组件传值问题

来源:4-5 非父子组件间的传值

精慕门9545340

2018-06-15


http://img.mukewang.com/szimg/5b232aff000177e407801052.jpg
老师我这段代码哪出问题了,刚开始随便点击哪个子组件都发生变化,点击第二次就没反应了,每次都只能刷新点击1次,正确的效果应该不用刷新,点哪个子组件都会发生变化的

写回答

2回答

vylss

2018-07-05

当你点击hello时,selfContent的值是hello,触发点击事件hello传递change事件和selfContent给其他兄弟组件,之后全部的兄弟组件(包括自身)的selfContent值都变成了hello。之后再点击其他的组件比如world,他传递出去的selfContent还是hello,然后其他的兄弟组件又把已经是hello的selfContent重新赋值hello。你在 _this.selfContent = msg前面加一个alert(msg),每点击一次都弹出3次hello。我是这样想的不知道对不对。

0
1
vylss
handleClick() { this.bus.$emit('change', this.content) } 这样写才能有老师做出来的那种效果
2018-07-05
共1条回复

qq_你是我的阳光_1

2018-06-15

刚开始点击发生变化是因为有一个值跟你点击的值是不一样的,所以发生变化,你点击一次后,3个值都是一样的,再点击其中一个也都是一样的,肯定不会有变化啊,貌似是这样

0
2
空山鸟不语
回复
精慕门9545340
视频里第二次点击之前是有刷新网页的操作,14:35左右。
2019-01-02
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程