Menu5.vue
methods:{
handleDelete(idx){
console.log("Menu5.vue => handleDelete", idx);
// 백엔드로 아이디값을 전달하면
// 백엔드가 아이디값이 일치하는 항목 삭제
// 백엔드가 새로운 내용을 줌 (삭제 된 후의 items)
// this.handleData();
// 해보세요
// 데이터 삭제하기
// 새로운 변수에 삭제하는 항목을 제외하고 복사
// 새로운 변수값을 items에 넣음
let delTemp = [];
for(let i=0; i<this.items.length; i++) {
if(i !== idx) {
delTemp.push(this.items[i]);
}
}
this.items = delTemp;
// let arr = [];
// arr.push({id:'a', name:'b'}); // 배열에 추가
// arr.pop() // 배열에서 제거 (뒤에서부터)
// arr.splice(4, 1) //배열에서 제거 (위피, 개수)
},
//let arr = [];//arr.push({id:'a', name:'b'});//シナリオに追加
//arr.pop()/配列から削除(後から)
//arr.splice(4,1)/配列から削除(ダミー、個数)
Reference
この問題について(Menu5.vue), 我々は、より多くの情報をここで見つけました https://velog.io/@aro9515/Menu5.vueテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol