Vue $slots 对象
示例
使用 $slots 对象来检查父组件是否为 'topSlot' 提供了内容。
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."
}
}
定义和用法
The $slots 对象表示从父组件传递的插槽。
通过调用 this.$slots 或者调用 this.$slots.topSlot 来查看名为 'topSlot' 的特定插槽，可以查看从父组件传递的插槽。
The $slots 对象可以用来检查父组件是否提供了插槽，就像上面的例子一样，或者用来编写渲染函数。
相关页面
Vue 教程：Vue 插槽
Vue 教程：作用域插槽
Vue 教程：Vue v-slot
Vue 参考：Vue v-slot 指令
