javascript - t.onSubmit is not a function 错误，提交表单时返回，如何解决？

Question

我有一个表单，当您提交它时，它应该调用一个名为 onSubmit 的方法函数。但是，它没有调用该函数，而是返回错误:TypeError: "t.onSubmit is not a function"。

我查找了这个错误，并尝试使用人们遇到过的一些类似问题的答案来修复它，但不幸的是，这没有用。我尝试重新命名我的所有函数，以查看我调用函数的名称是否影响了它，但没有成功。

这是我的代码:

  <template>
    <div id="main">
      <b-nav-form @submit.prevent="onSubmit">
        <b-form-input
          size="sm"
          v-model="pupilId"
          class="mr-sm-2"
          placeholder="Search for a student"
        ></b-form-input>
        <b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
      </b-nav-form>
    </div>
  </template>

<script>

export default {
  name: "Nav",
  data() {
    return {
      pupilId: ""
    };
  },
  methods: { 
  onSubmit: function() {
    this.$router.push({ path: `/student/${this.searchStudent}` });
  }
};
</script>

提交此表单时，它应该将用户发送到另一个页面，但它并没有这样做，而是返回了上面指定的错误。

提前感谢您的任何建议

Answer 1

正如 Chris G 提到的，您忘记关闭 onSubmit 括号，试试这个代码:

export default {
  name: "Nav",
  data() {
    return {
      pupilId: ""
    };
  },
  methods: {
    onSubmit: function () {
      this.$router.push({ path: `/student/${this.searchStudent}` });
    }
  }
}