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)/配列から削除(ダミー、個数)