Deleteable chip can not delete when i pass a variable in the method

Everything works fine till i pass a variable in the click function and want to delete the chip at the same time.

<f7-chip  style="margin:5px;"  deleteable  @click="deleteChip(" color="red"></f7-chip>
deleteChip(id, e) {
  const target =;
       f7.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {



The other problem is that, when i remove the (e) i get the variable but the chip can not be deleted.

i want to get the variable after chip is deleted. please help