How to get the global context inside v-on = "..."?

Question

Vue.js

Here's roughly what I need:

@click = "myVueMeth1(); myVueMeth2(); document.forms[0].submit()"

But it doesn't work. I understand that this is possible:

onclick = "vm.myVueMeth1(); vm.myVueMeth2(); document.forms[0].submit()"

where vm is a Vue object
But I want to keep the style clean.

Answer 1

Make a separate method:

methods: {
  onClick() {
    this.myVueMeth1();
    this.myVueMeth2();
    document.forms[0].submit();
  },
},

UPD. Of course, you can define a computed property on document like this:

computed: {
  document() {
    return document;
  },
},

Then your first example will work. But it's kind of barbaric, in my opinion.

Answer 2

If you need a global context in v-on, then you are not properly preparing vue.
If you tell about the problem in more detail, it will be possible to answer in more detail how to correctly.