Đối tượng Vue $slots
Ví dụ
Sử dụng đối tượng $slots
để kiểm tra xem cấp độ gốc đã cung cấp nội dung cho 'topSlot' hay chưa.
mounted(){
if(this.$slots.topSlot){
this.slotsText = "Content for the 'topSlot' slot is provided by the parent."
}
else {
this.slotsText = "Content for the 'topSlot' slot is NOT provided by the parent."
}
}
Chạy ví dụ »Định nghĩa và cách sử dụng
Đối tượng $slots
đại diện cho các vị trí được truyền từ cha mẹ.
Bạn có thể xem các vị trí được truyền từ cấp độ gốc bằng cách gọi this.$slots
hoặc bằng cách gọi this.$slots.topSlot
để xem một vị trí cụ thể có tên 'topSlot'.
Đối tượng $slots
có thể được sử dụng để kiểm tra xem các vị trí có được cung cấp bởi thành phần chính hay không, như trong ví dụ trên hoặc để viết các hàm kết xuất.
Trang liên quan
Hướng dẫn Vue: Vue Slots
Hướng dẫn về Vue: Slots có phạm vi
Hướng dẫn Vue: Vue v-slot
Tham khảo Vue: Chỉ thị Vue v-slot