99re热视频这里只精品,久久久天堂国产精品女人,国产av一区二区三区,久久久精品成人免费看片,99久久精品免费看国产一区二区三区

Svelte Each 塊

2023-02-20 17:34 更新

如果你遇到需要遍歷的數(shù)據(jù)列表,請(qǐng)使用 ?each? 塊:

<ul>
	{#each cats as cat}
		<li><a target="_blank"  rel="external nofollow" target="_blank" >
			{cat.name}
		</a></li>
	{/each}
</ul>

表達(dá)式 ?cats?是一個(gè)數(shù)組,遇到數(shù)組或類似于數(shù)組的對(duì)象 (即具有?length? 屬性)。你都可以通過 ?each [...iterable]?遍歷迭代該對(duì)象。

你也可以將index 作為第二個(gè)參數(shù)(key),類似于:

{#each cats as cat, i}
	<li><a target="_blank"  rel="external nofollow" target="_blank" >
		{i + 1}: {cat.name}
	</a></li>
{/each}

如果你希望代碼更加健壯,你可以使用each cats as { id, name }來解構(gòu),用cat.id 和 cat.name 來代替 id 和 name。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)