如何解决将数据从子组件传递到父组件时,Vue事件不起作用
这是Jobs子组件,向父组件发出事件。
<div class="card py-1 my-1" @click="$emit('active-job',job.id,job.slug)"></div>
接受事件的父组件
<div class="col-md-4 jobs-container py-2 px-1 ml-5">
<jobs :active-job="jobChange"></jobs>
</div>
export default {
components: { FilterNavigation,Job,Jobs},data(){
return{
selected: false,}
},methods: {
jobChange(id,slug){
console.log(id,slug);
}
}
}
单击div时,该事件在子组件内发出,但不会越过父组件(不记录任何内容)。
解决方法
您正在将道具active-job
传递给子组件,而不是监听任何事件
您需要收听事件:
<div class="col-md-4 jobs-container py-2 px-1 ml-5">
<jobs @active-job="jobChange"></jobs>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。