Vue: 自定义事件:<child v-on:child-msg="handleIt"/>

创建于 2016-06-18  ·  3评论  ·  资料来源: vuejs/vue

Vue.js 版本

1.0.25

复制链接

https://jsfiddle.net/oL5qyky9/

重现步骤

按下调度事件按钮

什么是预期的?

alert('处理好了')

实际发生了什么?

alert('handleIt 没有运行');

一旦你将它从childMsg改回child-msg ,它的行为就如预期的那样。

最有用的评论

因为您将示例中的child-msg更改为childMsg 。 注意在模板中使用v-on时,事件名称会被浏览器转为小写。 这是 1.x 模板解析限制的一部分,因此请避免在 1.x 中的事件名称中使用大写字母。

2.0 没有这个限制。

所有3条评论

从父级中删除“事件 obj”就可以了:

https://jsfiddle.net/oL5qyky9/2/

我认为带有“child-msg”键的事件 obj 是“覆盖”模板中的方法绑定。

因为您将示例中的child-msg更改为childMsg 。 注意在模板中使用v-on时,事件名称会被浏览器转为小写。 这是 1.x 模板解析限制的一部分,因此请避免在 1.x 中的事件名称中使用大写字母。

2.0 没有这个限制。

啊,这是有道理的。 多谢你们。

此页面是否有帮助?
0 / 5 - 0 等级