vue子组件向父组件传值

Question

为何我这样写 父组件接受不大到消息呢？？

Answer 1

//父组件中的子组件调用
<child @child-change="childChange"></child>

这里注意一下 @child-change="childChange" 左边的是子组件中this.$emit('child-change') 的名字（这里最好用小写，因为是在HTML标签中），右边（childChange）是父组件中的方法名字。

父组件得告诉子组件，咱们两该用什么联系。

Answer 2

this.$emit 是触发当前实例上的方法，可以使用 this.$parent.closeRoom('1333') 来实现

Answer 3

不是这样写的。
父组件里：
<roomlack @closeroom="closeRoom"></roomlack>

子组件里：
this.$emit('closeroom');自定义事件不能大写。
如果还不清楚，可以参考：vue.js 组件之间传递数据

Answer 4

不要使用驼峰命名，将 closeRoom 改成 close-room 或者 closeroom 再试试