Seeking a simple solution, all I need is to save data retrieved after an AJAX post in the Vue instance's data. See below for my code:
const VMList = new Vue({
el: '#MODAL_USER_DATA',
data: {
user: []//,
//userAcc: []
},
methods: {
getUserAcc: function ( userID ) {
this.user = { _id : userID };
var self = this
$.ajax({
url: "/listuser",
type: "POST",
data: this.user,
success: function(data) {
this.user = data ;
//this.userAcc = Object.assign({}, this.userAcc, data );
alert(JSON.stringify(this.user));//display correct user data
$('#popupDeleteModal').modal('show');
alert(JSON.stringify(data));//display entire json object with good content
},
error: function(err) {
console.log('error: ',err);
},
});
}
}
});
After triggering the getUserAcc(id) method and checking the VMList.user value in the browser console, I noticed that only the id is displayed. It seems like the data is getting reset after the function ends. How can I ensure that the data from the AJAX post request is stored in the user object within the data:{...} section?
Thanks for your assistance!