vue $emit 无效解决记录

2021-03-09 17:08:31 查看 902 回复 0

页面重写,逻辑比较复杂就用了vue重写。

神奇的 $emit 无效。

经过搜索,发现问题:驼峰命名导致的。

开发过程汇总突然遇到this.$emit无法将事件发布出去,原因查找发现是使用了驼峰命名法,导致方法不能被监听到。点击查看vue官方文档说明,最神奇的是并不是所有的emit都失效,只是有些emit的方法名在特定情况下失效。

解决方案

1.使用-连接,比如: this.$emit(‘my-method’);

2.使用this.$parent.方法名调用