Properties of Object Changed when another Object changed that is the copy of Object in VUEJS

Asked Sep 21 '20 at 04:31

Active Sep 23 '20 at 10:30

Viewed 20 times

const initFromData =
            {
                code: '', // ----------------string
                name: '', // ---------------string
                working_days: [], // ---------------array
                shift_period: [] // ---------------array contains multiple array
            };


export default {
    data() {
        return {
            regForm: Object.assign({}, initFromData)
         }
      }
}

Changes of regForm. shift_period is also affects initFromData.shift_period. But other properties has no issue. Why? How to prevent this?

edited Sep 23 '20 at 10:30

asked Sep 21 '20 at 04:31

Sevymol Sebastian

try `regForm: {...initFromData}` – Kiran Maniya Sep 21 '20 at 04:41
Using `Object.assign()` or the spread syntax above only creates a shallow copy of the object. The problem there is that your array properties will be using the same references – Phil Sep 21 '20 at 04:50
Using lodash `_.cloneDeep(initFromData)` is working properly – Sevymol Sebastian Sep 23 '20 at 10:33

Properties of Object Changed when another Object changed that is the copy of Object in VUEJS

0 Answers0