How to apply two different methods to form submission - depending on the condition?

Question

Vue.js

There is a form to which I apply the submit method

<textarea  v-on:keypress.enter.prevent="input.length && menMessage()" id="chat_msg" placeholder="" v-model="input"></textarea>

But for example, I want to send this form with this method only if the user is a man. And if the user is a woman, then the form will be sent using a different method.

<textarea  v-on:keypress.enter.prevent="input.length && womenMessage()" id="chat_msg" placeholder="" v-model="input"></textarea>

How to write it? Vue.js

Answer 1

I wouldn't put all the logic in the event handler here.
And I would just make a method sendMessage()inside which I would check the user's gender and perform the necessary actions. But here already you will need to think about where and how you will store the user's gender.

methods: {
  sendMessage() {
    if (this.data.isMale) {
      // do something for men
    } else {
      // do something for women
    }
  },
},