How to submit a form when a checkbox is toggled?

Question

Vue.js

I have a form with a checkbox and a button. When the button is clicked, the form is submitted, but how can I make the form submit when the checkbox is toggled?

Schematically it looks like this:

<form @submit.prevent="submitHandler">
        <div class="switch">
            <input type="checkbox" v-model="isRuLocale" />
            <span class="lever"></span>
        </div>
        <button class="btn" type="submit">
          Обновить
        </button>
      </form>

I'm trying to attach submitHandler to the checkbox itself, but it hasn't worked yet

Answer 1

export default {
    ...,
    watch: {
        isRuLocale() {
            // submit here
        }
    }
};