Svelte 選擇框綁定

我們還可以利用 bind:value 對(duì) <select> 標(biāo)簽進(jìn)行綁定。

<select bind:value={selected} on:change="{() => answer = ''}">

即使 <option> 中的值是對(duì)象而非字符串， Svelte 對(duì)它進(jìn)行綁定也不會(huì)有任何困難。

由于我們沒(méi)有?selected?設(shè)置為初始值，因此綁定會(huì)自動(dòng)將其(列表中的第一個(gè))設(shè)置為默認(rèn)值。 但也要注意，在綁定的目標(biāo)未初始化前，?selected? 仍然是未定義的，因此我們應(yīng)該謹(jǐn)慎的使用諸如?selected.id?中的內(nèi)容。