Vue.js updating a variable inside methods not working

Question

i'm working on a Vue.js app , this is my data :

data() {
  return {
    formAddNew: {
        cover: "",
        title: "",
        date: "",
        content: "",
        author: "",
        attachement: "",
    },
  }
}

I want to update cover after an axios request this how it looks :

          axios.post('/upload.php',
                formData,
                {
                    headers: {'Content-Type': 'multipart/form-data'}
                }
            ).then(function(data){
                this.formAddNew.cover = data.data;
            })
            .catch(function(){
                console.log('Error!')
            });

But it doesn't work i don't know why , please help me fix it .

Boussadjra Brahim · Accepted Answer · 2021-12-31 11:37:10Z

3

Try to use (data)=> instead function(data) to get access to this in the callback context :

 ).then((data)=>{
               this.formAddNew.cover = data.data;
            })

edited Dec 31, 2021 at 11:37

answered Dec 31, 2021 at 11:15

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

Vue.js updating a variable inside methods not working

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related