能在子组件改变父组件的值吗？老师您在子组件改变了modalShow的值，这个值是从父组件穿过的

Answer 1

谢成 2019-12-20 09:12:55

子组件传值给父组件，是通过自定义事件来传值的this.triggerEvent()

• 提问者 前端沙雕 #1

  我的意思是modalShow是从父组件传给子组件的，子组件如果想改变modalShow，必须通过this.triggerEvent()，触发父组件，让父组件来更改。我看您的视频好像直接在子组件就更改了modalShow，这不太符合单向数据流的形式啊。在Vue中子组件就不能更改父组件传的值。

• 谢成 回复 提问者 前端沙雕 #2

  父元素传值给子元素，子元素并不是直接改变的这个值，而是相当于接收到这个值以后创建了一个新值并把这个新值通过事件的方式传递给父元素，父元素原有的值没有改变。

• qq_慕姐8203528 回复 提问者 前端沙雕 #3

  我也觉得老师的弹出层设计是错的，所以我重新改造了老师对弹出层的设计，我给你说一下思路，我的设计是控制显示和隐藏的属性都是在子组件中，但是我会提供一个可以显示和隐藏的方法，在父组件中通过this.component('.b-popup').show()方法进行显示，然后隐藏也是在子组件中控制属性隐藏即可，我觉得老师这个设计后期如果项目大了绝对不好维护

点开查看后面1条评论