๐ธnamed slot
web โฉ component โฉ slot โฉ named slot
fallback content๏ผ
<slot>
็้ ่จญๅ งๅฎนใ<template>๏ผๅฎ็พฉ
<slot>
็ๅฐๆนใ
็จๆณ
๐ <template> ๅ ง้จ็ตๆง๏ผๅฎ็พฉๅ ทๅๆๆงฝ (named slot) ่้ ่จญๆๆงฝ
<template id="my-component-template">
<div class="container">
<!-- โญ๏ธ named slot: header -->
<slot name="header"></slot>
<div class="content">
<!-- โญ๏ธ ๆฒๆๅๅญ็ๅฐฑๆฏใ้ ่จญๆๆงฝใ(default slot) -->
<slot></slot>
<p>This is more default text inside content.</p>
</div>
<!-- โญ๏ธ named slot: footer -->
<slot name="footer"></slot>
</div>
</template>
Last updated
Was this helpful?