0Pricing
Sveltejs Academy · บทเรียน

เนื้อหา 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. สล็อตเริ่มต้นสำหรับการฉายเนื้อหา
  2. สล็อตที่มีชื่อด้วย slot="name"
  3. เนื้อหา fallback ของสล็อต
  4. ตรวจสอบเนื้อหาสล็อตด้วย $$slots
← กลับไปที่ Sveltejs Academy