Vue js 1.0 call a method within another method throws 'not a function'

Question

I'm trying to reuse a method within another of my vue js methods like this :-

sendCode: function () {

            this.showSection("SENDING");


            $.ajax({
                url: "someurl" + app.searchResponse.Id,
                type: "POST",
                contentType: "application/json",

                success: function (result) {

                    if (result.Success) {

                        this.showSection("SMS SENT");
                    }
                    else {
                        this.showSection("SMS FAILED");
                    }

                },
                error: function (error) {

                    console.log(error);
                    this.showSection("SMS FAILED");

                }
            });

        },
        showSection: function (section) {

            return app.ui.currentSection = section;
        }

But i get caught Type Error stating this.showSection() is not a function.

Muthu Kumaran · Accepted Answer · 2017-07-31 11:06:13Z

1

inside ajax callbacks, vue instance this is not available because it's a different scope. So declare $this = this with a variable before ajax and use $this inside ajax callbacks.

sendCode: function () {

    this.showSection("SENDING");

    var $this = this;

    $.ajax({
        url: "someurl" + app.searchResponse.Id,
        type: "POST",
        contentType: "application/json",

        success: function (result) {

            if (result.Success) {

                $this.showSection("SMS SENT");
            }
            else {
                $this.showSection("SMS FAILED");
            }

        },
        error: function (error) {

            console.log(error);
            $this.showSection("SMS FAILED");

        }
    });

},

answered Jul 31, 2017 at 11:06

Muthu Kumaran

18k5 gold badges50 silver badges72 bronze badges

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

Collectives™ on Stack Overflow

Vue js 1.0 call a method within another method throws 'not a function'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related