Tengo el menú desplegable a continuación creado usando li y dentro del menú desplegable también quiero proporcionar la funcionalidad de eliminación. Si se hace clic en 'X', se debe eliminar el registro. Sin embargo, cuando hago clic en 'X', también se activa 'cambiar filtro', que también está dentro del mismo li. ¿Hay alguna forma de evitar que se active el 'cambio de filtro'?

A continuación se muestra el código -

 <ul> <li v-on:click="createNew">Create new Filter</li> <li v-for="item in filters.entities" v-on:click="filter.changeFilter(item.id,item.name)">{{ item.name }}<div title="Delete filter" v-on:click="delete(item.id)">x</div></li> </ul> //Inside js file delete: (itemId) => { var result = window.parent.Xrm.WebApi.deleteRecord('ice_filters', itemId.toString()); }