天天看點

怎樣使用 Svelte 中的“輸入框組綁定”功能

輸入框組綁定指定是某些類型的 input 标簽的值共同作用于一個變量,比如一個選擇男女的單選框,它們的值的變化就應該作用于同一個變量,此時就可以用輸入框組綁定功能:<code>bind:group={gender}</code>。

同理,多個複選框屬于一組,那它們值的變化也應該作用于同一個數組,比如下面這個選擇你喜歡的水果的多選元件,就是示範的這一情況:

這些組都可以使用清單渲染簡化代碼,如下:

https://www.sveltejs.cn/tutorial/group-inputs

分類: Svelte 基礎入門