Javascript Nuxt/Vue组件未侦听事件

我试图在Nuxt组件中触发一个事件，父组件必须在该事件上更改一个变量。 设置基本上如下所示：

子组件 触发事件的子组件在其核心是一个带有一些有效性检查的样式化表单

...
...
数据：{
有效：假
},
观察：{
有效（）{
this.emit（'update-validity'，this.valid）；
},
},
...

这似乎确实有效。只要我通过填写表单来更改表单的有效性，我就可以看到Firefox的Vue插件中正在触发事件

父组件 我尝试在其中使用此事件的父组件的核心是一个V形卡，带有一些样式、一些预定义的内容和文本部分中的插槽

...
...

页 该页面的外观如下所示：

就造型而言，这很有效。我确实有一张V型卡，里面有一张表格。此表单能够检查其有效性，并在发生更改时触发事件。但父组件（V卡）不响应此更改

---

我知道，我可以直接将表单移动到V-Card中，而不是制作两个组件，但这样我就会失去模块性，我想保留模块性，因为我需要更多的V-Card，而且表单并不总是需要的。

我不知道我的第一次尝试是否因为我做了一些固有的错误或者是否与NuxtJS有关，但我找到了一种可行的方法

在子组件中，我现在通过

numxt.$emit（'event-name'，payload）

而不是

this.$emit（'event-name'，payload）

发出事件

在父组件中，我删除了DOM元素（@event name=“doSomething”）上的侦听器，现在在脚本部分使用以下代码：

。。。
创建（）{
this.$numxt.$on（'event-name'，（有效负载）=>{
//用有效载荷做点什么
)};
},
...