Quiero vincular el valor de un elemento seleccionado en un componente Svelte (Form.svelte) a la variable active en su padre (App.svelte). Intenté usar bind:value={active} en el componente de formulario en la aplicación, pero esto no funciona porque necesito acceder al valor de selección. ¿Cómo debo acceder al valor del elemento seleccionado? Gracias por adelantado.
Ejemplo mínimo de trabajo: https://svelte.dev/repl/bc872132e21f4071abe5a255728fb0ec?version=3.43.0
Debe exponer la propiedad de value si desea vincularla. Aquí, también vinculamos la propiedad de value al elemento de select para que se actualice con los cambios en la selección.
/* Select.svelte */ <script> export let value </script> <select bind:value> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>Luego puede enlazarlo en su padre
/* App.svelte */ <script> import Select from './Select.svelte' let active; </script> <Select bind:value={active}/> <p>{active}</p>