How do I call a Vue method into a plain javascript function?

Question

Vue app code:

var app = new Vue({
    el: "#APP",
    data: {some data},
    methods: {
            some_method: function() {
                   ......
            }
});

some_js_func = function() {
       "How do I call 'some_method' to here"
};
some_js_func();

I tried by calling app.some_method(), but it's not working.

stackoverflow.com/questions/33682651/…

mrben522
– mrben522

2020-01-09 14:24:08 +00:00
Commented Jan 9, 2020 at 14:24 — mrben522
– mrben522, Commented Jan 9, 2020 at 14:24

AndrewL64 · Accepted Answer · 2020-01-09 17:03:07Z

4

With pure JavaScript, you can access the some_method function via the $options property like this:

var app = new Vue({
    methods: {
            some_method: function() {
                   alert("hello");
            }}
});

someJSfunc = function() {
       app.$options.methods.some_method();
};

someJSfunc();

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

edited Jan 9, 2020 at 17:03

answered Jan 9, 2020 at 14:34

AndrewL64

16.4k8 gold badges51 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

lmarqs Over a year ago

why dont call the method directly: app.some_method(); ?

Sanyam Jain Over a year ago

@Imarqs, this this not possible in Vue2 I guess.

Rutvik D Mehta Over a year ago

Worked for me like this window.someJSfunc = function() { app.$options.methods.some_method(); };

Kenny Lim Over a year ago

with the app object, you can call app.some_method(); directly.

Collectives™ on Stack Overflow

How do I call a Vue method into a plain javascript function?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related