[Vuejs]-Deleting row in Vuetify data table always removes the last row

Oh I figured it out…

Instead of this:

deleteZnsConfirm(item) {
   this.tableData.splice(this.tableData.indexOf(this.deletedZns), 1)
   this.dialogDelete = false
},

My delete function should look like this:

deleteZnsConfirm(item) {
   this.tableData.splice(this.deletedZnsIndex, 1)
   this.dialogDelete = false
},

I was using the wrong index while splicing tableData 🙁