Удалить строку таблицы после публикации 1 элемента встроенной таблицы в vueJS

Question

У меня есть встроенная таблица из соединения с базой данных с vueJS. в планах сделать дубликат одной из строк. строка была успешно продублирована с помощью this.array.push (... ...)

, но когда я хочу удалить ее таким образом, это ar.array.splice (index (from row), 1) удаленные строки являются верхними или нижними, а не строкой в ​​индексе, на которой щелкнули

1. повторяющийся результат
2. после нажатия кнопки удалить дубликат строки страна антигуа, которая была ранее дублирована, вместо этого исчезает
3. удалено и даже строка antartica, в то время как та, которую я удалил, была строкой antigua

code:

  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 === index), 1)