เนื้อหา fallback ของสล็อต
แสดงเนื้อหาเริ่มต้นภายใน เมื่อคอมโพเนนต์แม่ไม่ได้ส่งเนื้อหาให้
เนื้อหา fallback ของสล็อต เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
ค่าเริ่มต้นภายในสล็อต
เนื้อหาที่วางไว้ภายในแท็ก <slot> จะแสดงเมื่อคอมโพเนนต์แม่ไม่ได้ส่งเนื้อหาใดมา
<button>
<slot>Click me</slot>
</button>ค่าเริ่มต้นที่เหมาะสม
จัดเตรียมค่าเริ่มต้นที่สมเหตุสมผลและใช้งานได้ในกรณีส่วนใหญ่โดยไม่ต้องพึ่งคอมโพเนนต์แม่
เนื้อหาสำรองของสล็อตที่ตั้งชื่อ
สล็อตที่ตั้งชื่อก็รองรับเนื้อหาสำรองเช่นกัน
<slot name="title">Default Title</slot>กลยุทธ์แยกตามสล็อต
คุณสามารถใช้กลยุทธ์เนื้อหาสำรองที่แตกต่างกันสำหรับแต่ละสล็อต และผสมผสานได้ตามต้องการ
ถูกแทนที่เมื่อมีการเติมเนื้อหา
หากคอมโพเนนต์แม่ส่งเนื้อหามา เนื้อหาสำรองจะถูกแทนที่ทั้งหมด
มีประโยชน์สำหรับคอมโพเนนต์แบบไม่มีส่วนแสดงผล
คอมโพเนนต์ส่วนติดต่อผู้ใช้แบบเฮดเลสมักมีเนื้อหาสำรองเพียงเล็กน้อย โดยผู้ใช้สามารถปรับแต่งได้ทั้งหมด
หลีกเลี่ยงเนื้อหาสำรองขนาดใหญ่
ทำให้ค่าเริ่มต้นมีขนาดเล็ก เนื้อหาสำรองขนาดใหญ่จะเพิ่มขนาดให้คอมโพเนนต์ที่ไม่ได้ใช้งาน
ไอคอนและป้ายกำกับ
มักใช้กับปุ่มไอคอน โดยเนื้อหาสำรองจะแสดงไอคอนทั่วไปเมื่อไม่มีการส่งไอคอนมา
การใช้ร่วมกับเงื่อนไข
เนื้อหาสำรองทำงานร่วมกับการตรวจสอบ $$slots ได้ดีสำหรับรูปแบบขั้นสูง
ใช้มาร์กอัปไม่ได้หรือ
เนื้อหาสำรองสามารถมีมาร์กอัปใดก็ได้ รวมถึงคอมโพเนนต์อื่น
การทดสอบด้วยภาพ
แสดงตัวอย่างคอมโพเนนต์โดยไม่ใส่เนื้อหาในสล็อตเสมอ เพื่อดูเนื้อหาสำรอง
ตรวจสอบความเข้าใจ
เนื้อหาสำรองของสล็อตจะแสดงเมื่อใด
สรุปทบทวน
วางเนื้อหาเริ่มต้นไว้ระหว่างแท็ก <slot> เพื่อจัดเตรียมเนื้อหาสำรองเมื่อคอมโพเนนต์แม่ไม่ส่งเนื้อหามา
คำถามที่พบบ่อย
บทเรียน “เนื้อหา fallback ของสล็อต” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “เนื้อหา fallback ของสล็อต” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “เนื้อหา fallback ของสล็อต”
แสดงเนื้อหาเริ่มต้นภายใน เมื่อคอมโพเนนต์แม่ไม่ได้ส่งเนื้อหาให้ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “เนื้อหา fallback ของสล็อต” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- สล็อตเริ่มต้นสำหรับการฉายเนื้อหา
- สล็อตที่มีชื่อด้วย slot="name"
- เนื้อหา fallback ของสล็อต
- ตรวจสอบเนื้อหาสล็อตด้วย $$slots