如何解决传递给组件,通过槽,一个发出事件的组件
大家好:我有一个模式,我希望按钮通过插槽传递,每个插槽都有自己的事件。问题是当我点击按钮时,事件会触发,但家长听不到。
<template>
<modal-detail v-if="viewModal" title="Modifica brands" @close="viewModal=false">
<!-- <template #header><p>ciao bob</p></template> -->
<template #body>
sdfgsfgddd
</template>
<template #actions>
<button-cancel buttonText="cancella" @click="$emit('close')"></button-cancel>
<button-confirm buttonText="conferma" @click="$emit('confirm')"></button-confirm>
</template>
</modal-detail>
</template>
问题是@close="something" 从来没有被调用过。
建议?
谢谢大家
解决方法
您似乎在使用自定义组件按钮。您需要将 @click 处理程序绑定到 prop 回调或使用 @click.native
来应用点击处理程序。
为了帮助调试事件和其他问题,例如将来与 Vuex 相关的问题,您可以使用 Vue browser dev tools。
如果您安装该插件,并检查事件流,您可以看到什么事件正在发出。例如,如果您没有使用自定义按钮正确设置点击处理程序,那么您将不会看到事件被发出。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。