Svelte Else 块

2023-02-20 17:30 更新

由于这两个条件——​if user.loggedIn​ 和 ​if !user.loggedIn​——是互斥的,我们可以通过使用 ​else​ 块稍微简化这个组件:

{#if user.loggedIn}
	<button on:click={toggle}>
		Log out
	</button>
{:else}
	<button on:click={toggle}>
		Log in
	</button>
{/if}

#​ 字符始终表示块开始标记。 ​/​ 字符始终表示块结束标记。一个 ​:​ 字符,如在 ​{:else}​ 中,表示块继续标记。别担心——您已经了解了 Svelte 添加到 HTML 中的几乎所有语法。


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号