在vueJS中删除1项内联表后的表行

Question

我有从数据库连接到vueJS的内联表。计划是复制其中一行。行已成功地与this.array.push (... ...)复制。

但是，当我想以这个ar.array.splice (index (from row), 1)的方式删除它时，被删除的是顶部或底部，而不是被单击的索引中的行。

1. 重复结果
2. 原来被复制的单击按钮后移除重复行安提瓜国消失了
3. 删除甚至是南极洲行，而我删除的是安提瓜行

代码：

  public duplicate(){
    this.countries.push({ 
      name: this.multipleSelection[0].name, 
      code: this.multipleSelection[0].code, 
      currencyId: this.multipleSelection[0].currencyId,
      currencyName: this.multipleSelection[0].currencyName,
      duplicate: true
    })
  }

  public cancelDuplicate(item, index){
    this.countries.splice(index, 1)
    console.log(index)
  }

Answer 1

您可以使用findIndex来拼接arr。

this.countries.splice(this.countries.findIndex(e => e ===指数)，1)