ตรวจสอบเนื้อหาสล็อตด้วย $$slots

บางครั้งคุณต้องการแสดงมาร์กอัปของตัวห่อ เช่น เส้นขอบหรือส่วนหัว ก็ต่อเมื่อสล็อตมีเนื้อหา

ภายในคอมโพเนนต์ $$slots เป็นออบเจ็กต์ที่มีพร็อพเพอร์ตีหนึ่งรายการต่อสล็อตที่มีการเติมเนื้อหา

หากสล็อตมีเนื้อหา คีย์ของสล็อตนั้นใน $$slots จะมีค่าเป็นจริง

ข้ามการแสดงมาร์กอัปของตัวห่อเมื่อสล็อตว่าง เพื่อให้ DOM สะอาด

คุณสามารถเลือกระหว่างการแสดงเนื้อหาสำรองกับการข้ามตัวห่อทั้งหมดได้

$$slots จะอัปเดตแบบรีแอกทีฟ หากเนื้อหาที่เติมในสล็อตเปลี่ยนแปลงระหว่างการแสดงผล

ตรวจสอบสล็อตที่ตั้งชื่อแต่ละรายการแยกจากกัน

การ์ดที่มีชื่อเรื่องหรือส่วนท้ายแบบไม่บังคับมักใช้รูปแบบนี้

สล็อตเริ่มต้นจะอยู่ที่ $$slots.default

ผู้ใช้ TypeScript สามารถประกาศชนิด $$Slots เพื่อรับการเติมข้อความอัตโนมัติสำหรับ $$slots

เพิ่มการแตกแขนงให้กับมาร์กอัป แต่สร้างผลลัพธ์ที่สะอาดขึ้น จึงคุ้มค่าสำหรับระบบการออกแบบ

$$slots.header ตรวจสอบอะไร

ใช้ $$slots.name เพื่อตรวจว่าคอมโพเนนต์แม่เติมเนื้อหาให้สล็อตหรือไม่ และข้ามมาร์กอัปของตัวห่อเมื่อไม่ได้เติมเนื้อหา