Vue组件之子传父踩坑记录

最新推荐文章于 2024-08-01 17:21:59 发布

gyuei

最新推荐文章于 2024-08-01 17:21:59 发布

阅读量2k

点赞数 2

分类专栏： Vue

本文链接：https://blog.csdn.net/gyueh/article/details/111321349

版权

Vue 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

问题:

Event "fatherChange" is emitted in component <MyComponent> but the handler is registered for "fatherChange". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "listen-to-child-event" instead of "fatherChange"

解决方法：

将驼峰转为小写father-change 或者  father-change
如：this.$emit('father-change',this.count)
<my-component v-on:father-change="onChange"></my-component>
或
<my-component @father-change="onChange"></my-component>

注意：

1.父子组件传值时，this.$emit("fatherChange",index);父组件监听 @fatherChange=""; 此时方法不会起效
2.将驼峰转为小写father-change 或者 father-change