Мой собственный компонент vue отправляет http-запрос на получение массива объектов, затем я сохраняю ответ в свойстве data, и это нормально. Теперь я хочу привязать этот массив к v-модели, но когда пользователь что-то введет, мой массив тоже будет изменен. Я хочу сохранить массив на потом и сделать его недоступным для редактирования, я просто хочу связать его значение с v-моделью, а не с ссылкой на мой массив. Моя цель - позволить пользователю сбросить значение v-модели в массив, полученный от API. Я надеюсь, что вы поняли, и вы сможете мне помочь.
<draggable v-model="myArray">
<div v-for="element in myArray" :key="element.id">{{element.name}}</div>
</draggable>
<button @click="addElement">New</button>
data() {
return {
myArray: [],
array: []
}
},
methods: {
addElement() {
myArray.push({id:1, name:'something'});
},
getData() {
axios(...)
.then(res => {
this.array = response.data;
});
}
setData() {
this.myArray = this.array;
}
}
Теперь, если пользователь добавит новый элемент в myArray
, он также будет вставлен в array