Me gustaría ejecutar varias declaraciones dentro de un solo controlador de eventos Alpine.js (sin embargo, creo que podría generalizarse a cualquier atributo).
Un ejemplo de lo que me gustaría lograr:
<button x-data @click="alert('first')" @click="alert('second')"> Click me </button>Es posible si separa las declaraciones con un punto y coma :
<button x-data @click="alert('first'); alert('second')"> Click me </button>Puede extraer la lógica de su componente y agregar un identificador para el evento de clic.
<div x-data="myComponent"> <button x-on:click.prevent="handleClick">Click me</button> </div> <script> const myComponent = () => { return { handleClick() { console.log('First event') console.log('Second event') } } } </script>