Javascript Vue.js组件父事件

我想知道为什么我的代码不起作用。我有一个活动“离开”，应该在blur上调用。组件显示正确，但当我离开输入时，事件不会被触发

Vue.component（'text-input'{
道具：['args']，
模板：“”
})
App=新Vue({
el:“#应用程序”，
数据：{
投入：[
{id:'昵称'，键入：'文本'}，
{id:'email'，键入：'email'}，
]
},
方法：{
休假：功能（事件）{
var id=$（event.target）.attr（'id'）；
console.log（'left object'+id）；
}
}
})

您的

组件需要从内部

元素转发（重新）模糊

事件：

// text-input
template: `<input @blur="$emit('blur')">`

//文本输入
模板：``

然后，
的父级可以接收它：

// parent of text-input
<text-input @blur="leave" />

//文本输入的父项


Vue.component（'text-input'{
道具：['args']，
模板：``
})
新Vue({
el:“#应用程序”，
数据（）{
返回{
投入：[
{id:1}，
{id:2}，
] 
}
},
方法：{
请假（e）{
console.log（'leave'，e.target.id）
}
}
})

您的
组件需要从内部
元素转发（重新）模糊
事件：

// text-input
template: `<input @blur="$emit('blur')">`

//文本输入
模板：``

然后，
的父级可以接收它：

// parent of text-input
<text-input @blur="leave" />

//文本输入的父项


Vue.component（'text-input'{
道具：['args']，
模板：``
})
新Vue({
el:“#应用程序”，
数据（）{
返回{
投入：[
{id:1}，
{id:2}，
] 
}
},
方法：{
请假（e）{
console.log（'leave'，e.target.id）
}
}
})

v-on:emit
为
emit
事件设置事件处理程序（
leave（）
）。
文本输入
组件是否发出
发射
事件？@tony19抱歉，我的意思是模糊而不是发射。我编辑了上面的代码。感谢您的评论
v-on:emit
为
emit
事件设置事件处理程序（
leave（）
）。
文本输入
组件是否发出
发射
事件？@tony19抱歉，我的意思是模糊而不是发射。我编辑了上面的代码。谢谢你的评论