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(service.id)" color="red"></f7-chip>
deleteChip(id, e) {
const target = e.target;
f7.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {
f7.$(target).parents('.chip').remove();
console.log(id);
});
},
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