监听子组件中的事件 2019-10-15
- 问题描述:使用组件时,子组件中的点击事件监听无效(提示不是Vue的属性或方法)
- 原因分析:使用组件时,只有根组件的点击事件才可以监听,子组件的点击事件需要通过$emit来实现
- 解决办法:在子元素中发射事件 → 参考地址
template: `
<div>
<button v-on:click='$emit("event-name")'>
点我
</button>
</div>
`
- 然后使用组件时,在属性上监听此事件
<my-component v-on:event-name='vueMethod()'></my-component>