axios then in vue push objects to array

Question

Why when I insert objects into an array, they are inserted and overwritten in the first method

but in the second nothing happens?

    el:"#usersList",
        data () {
            return {
            users: []
            }
        },

This works

.then(response => (this.users = response.data))

Why this does not work?

    .then(
                function (response) {
                var arr = response.data;
                const rename = null;
                arr.forEach( function(data) {
                    switch(data["prava"]) {
                        case "1":
                          data["prava"] = "User 0";
                          break;
                        case "2":
                            data["prava"] = "User 1";
                          break;
                        case "3":
                            data["prava"] = "Mod";
                            break;
                        case "4":
                            data["prava"] = "Admin";
                            break;
                        case "5":
                            data["prava"] = "Owner";
                            break;
                        default:
                            data["prava"] = "User 1";
                      }
                  });
                this.users = arr;
            })

Check this out please. Learn how "this" keyword works in arrow function. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — serkan
– serkan, Commented Mar 24, 2021 at 23:35

Boussadjra Brahim · Accepted Answer · 2021-03-21 17:24:59Z

1

the component instance this is not available inside then callback but if you use the arrow function it can be available :

.then((response)=>{
            var arr = response.data;
            const rename = null
            ...
           this.users = arr;
})

answered Mar 21, 2021 at 17:24

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

axios then in vue push objects to array

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