How i can set/change variable in catch error axios?

Question

If i try set variable in vue2 when axios error i get this: Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'snackbar')

            axios.post('/testaxios', {
            }).then(response => {
                console.log(response.data);
            }).catch(function (error) {
                console.error(error);
                this.snackbar = true;
            });

data() {
        return {
            snackbar: false,
        }
}

Does this answer your question? [Using Axios in VueJS - this undefined](https://stackoverflow.com/questions/53657696/using-axios-in-vuejs-this-undefined) — ATOMP, Mar 25 '22 at 23:09

score 1 · Accepted Answer · answered Mar 25 '22 at 23:08

You either need to bind the catch function to the this context:

catch(function(error) {
  console.error(error);
  this.snackbar = true;
}).bind(this);

Or simply use an arrow function (which does the binding automatically):

catch((error) => {
  console.error(error);
  this.snackbar = true;
});

How i can set/change variable in catch error axios?

1 Answers1