Necesito cambiar el valor de la variable myData a cualquiera que sea el valor actual de la etiqueta de select .
Actualmente estoy usando esto y funciona, pero ¿hay una forma más limpia en Alpine para hacer esto?
<div x-data="{ myData: []}"> <select id="mySelect" @change="myData = document.getElementById('mySelect').value"> <option>2021</option> <option>2022</option> </select> </div>Lo descubrí usando x-model . Entonces, la versión más limpia del código anterior es simplemente:
<div x-data="{ myData: []}"> <select x-model="myData"> <option>2021</option> <option>2022</option> </select> </div>