質問編集履歴
1
プログラムとタイトルを修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vueでネスト
|
|
1
|
+
Vueでネストの深いオブジェクトから特定の要素を削除したい。
|
test
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
<i class="fas fa-minus-circle"
|
|
56
56
|
|
|
57
|
-
@click="$emit('delete-item',item)"
|
|
57
|
+
@click="$emit('delete-item',{item:item,index:index})"
|
|
58
58
|
|
|
59
59
|
></i>
|
|
60
60
|
|
|
@@ -72,6 +72,8 @@
|
|
|
72
72
|
|
|
73
73
|
:item="child"
|
|
74
74
|
|
|
75
|
+
:index="index"
|
|
76
|
+
|
|
75
77
|
@add-item="$emit('add-item', $event)"
|
|
76
78
|
|
|
77
79
|
@delete-item="$emit('delete-item', $event)">
|
|
@@ -242,20 +244,22 @@
|
|
|
242
244
|
|
|
243
245
|
},
|
|
244
246
|
|
|
245
|
-
deleteItem:function(item){
|
|
247
|
+
deleteItem: function (item) {
|
|
246
|
-
|
|
248
|
+
|
|
247
|
-
treeData.children.map((tree,index)=>{
|
|
249
|
+
treeData.children.map((tree, index) => {
|
|
248
|
-
|
|
250
|
+
|
|
249
|
-
if(tree.name==item.name){
|
|
251
|
+
if (tree.name == item.item.name) {
|
|
252
|
+
|
|
250
|
-
|
|
253
|
+
if(item.index===index){
|
|
254
|
+
|
|
251
|
-
return this.treeData.children.splice(index,1)
|
|
255
|
+
return this.treeData.children.splice(index, 1)
|
|
256
|
+
|
|
257
|
+
}
|
|
252
258
|
|
|
253
259
|
}
|
|
254
260
|
|
|
255
261
|
})
|
|
256
262
|
|
|
257
|
-
console.log("削除")
|
|
258
|
-
|
|
259
263
|
}
|
|
260
264
|
|
|
261
265
|
}
|