Estoy tratando de vincular valores a cada valor:
Por ejemplo:
JS:
let test = "" let headers = [ { title: "test", connected: test, } ] const setPage = () => { console.log(test); };HTML:
{#each headers as header} <input type="text" placeholder={header.title} bind:value={header.connected} on:change={() => setPage(1)} /> {/each}El título del encabezado funciona como se esperaba, pero el enlace no funciona. ¿Hay alguna manera de que pueda usarlo así?
Al principio, el valor de inicio se establecerá en el valor de test , ya que es una cadena vacía en su caso, eso no se puede ver.
Después de cambiar el valor de la entrada, el registro reactivo muestra que el valor de header.connected cambia en consecuencia.
Así que el enlace básicamente funciona. ¿No está seguro si esperaba que la prueba también cambiara? ¿Cómo debería comportarse todo si hubiera más de un objeto de header ?
<script> let test = "" let headers = [ { title: "header1", connected: test, }, { title: "header2", connected: test, } ] function updateTest(event) { test = event.target.value } $: console.log('headers', headers) </script> <p> test: {test} </p> {#each headers as header} <input type="text" placeholder={header.title} bind:value={header.connected} on:input={updateTest} /> {/each}