2017-05-09 18 views
0

私はVue JSを使用しています。私は2種類の配列categoriesitemsを持っています。各アイテムは複数のカテゴリに属する​​ことができ、アイテムは動的に生成されるため、カテゴリ配列に最初に関連付けられません。次に、カテゴリ配列を解析して、異なる項目を含む表を作成します。削除ボタンが押されたときに スプライスを使用して配列から項目を削除する

mounted: function() { 
    for (let item of this.items) { 
    for (let category of item.categories) { 
     this.categories[category - 1].items.push(item) 
    } 
    } 
} 

はその後、私は削除するために、スプライスを使用しています deleteItem方法をトリガー:それがマウントされVUEのプロパティでカテゴリを関連付けられていますし、次のように

はテスト目的のために、私は、アイテムを添付しますcategories配列の項目とitems配列の項目もありますが、私はそこに少し問題があり、正しい項目が削除されていないことを示しています。

methods: { 
    deleteItem: function(item) { 
     for (let category of item.categories) { 
     this.categories[category - 1].items.splice(this.categories[category - 1].items.indexOf(item, 1)) 
     } 
     this.items.splice(this.items.indexOf(item, 1)) 
    } 
    } 

Fiddleを参照してください。どんな助けもありがとう。

this.items.splice(this.items.indexOf(item), 1) 

答えて

2

変更

this.items.splice(this.items.indexOf(item, 1)) 

あなたはspliceに2番目の引数として1を渡すようにします。

同じエラーを2回繰り返します。

+0

ありがとうございました!それを捕まえなかった – enriqg9

関連する問題