Javascript VUE可以'；t访问属性，vm.\u事件未定义

我试图在基于类的组件中从子级向父级发出事件，但发生以下错误：

[Vue warn]: Error in v-on handler: "TypeError: can't access property "submit", vm._events is undefined"



found in

---> <Input> at src/components/Input.vue
       <MainContent> at src/components/MainContent.vue
         <App> at src/App.vue
           <Root>

这是我的密码：

输入组件（子组件）：

提交
从“Vue属性装饰器”导入{Component，Prop，Vue}；
@组成部分
导出默认类输入扩展Vue{
onInputSubmit=（输入：字符串）：void=>{
console.log（输入）
此.$emit（“提交”，输入）
};
}

和家长：

<template>
  <div id="MainContent">
    <Input @submit="searchSummoner" />
    <SummonersTable />
  </div>
</template>

<script lang="ts">

import { Component, Prop, Vue } from "vue-property-decorator";
import Input from "./Input.vue";
import SummonersTable from "./SummonersTable.vue";

@Component({
  components: {
    Input,
    SummonersTable
  }
})
export default class MainContent extends Vue {
  searchSummoner = (input: string): void => {
    console.log("input")
  };
}
</script>

从“Vue属性装饰器”导入{Component，Prop，Vue}；
从“/Input.vue”导入输入；
从“/callerstable.vue”导入callerstable；
@组成部分({
组成部分：{
输入，
召唤台
}
})
导出默认类MainContent扩展Vue{
SearchCaller=（输入：字符串）：void=>{
控制台日志（“输入”）
};
}

最初我的事件是骆驼事件，它可能会导致问题，所以我改变了它。我还认为可能是类内部的作用域，但我使用了箭头函数，因此不确定如何解决这个问题。

尝试这样编写

  searchSummoner(input: string) {
     console.log("input")
  };

试着这样写

  searchSummoner(input: string) {
     console.log("input")
  };

---

不要使用箭头函数。不要使用箭头函数。

  searchSummoner(input: string) {
     console.log("input")
  };