vuejs copying data object and removing property will remove the property from original object as well

Question

I have a data object in vue that looks like this

rows[
0 {
  title: \"my title\",
  post: \"my post text\",
  public: false,
  info: \"some info\"
},
1 {
 title:         


        

Answer 1

this is because in javascript objects are copied-by-reference which means though you are changing postData which actually is referencing to original address that holds the data i.e. rows. you can do this

postData = JSON.parse(JSON.stringify(rows))