Dynamic form submission in Vue 2

My goal is to be able to create multiple forms, on page. Then be able to submit them. I have a component, let’s call it FormComponent. The JS works like this

 name: "ax-form",
  components: {},
  props: {
    endPoint: String,
    id: String,
    model: Object,
    mode: String,
    formModel: [Array, Object],
    name: String,
  },
  data() {
    return {};
  },
  methods: {
    async onSubmit() {
      console.log("submit called");
      if (mode === "create") {
      ... do stuff
      } else if (mode === "update") {
      ...do stuff
      }
    },
  },

Odd enough, if the onSubmit function is called in the “update” mode. There is no issue calling the function. If called in the “create” mode. No stuff is done. Is this a binding issue? Can Vue not handle dynamic binding to functions and if so how do I achieve such?

I have tried creating a mixin component as well. Thinking maybe this was a binding problem. Though, no luck.