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."
  }
}

运行示例 »

定义和用法

这个$slots对象表示从父级传递的插槽。

通过调用可以看到从父级传递的插槽this.$slots，或通过致电this.$slots.topSlot查看名为“topSlot”的特定插槽。

这个$slotsobject 可用于检查父组件是否提供插槽（如上例所示），或用于编写渲染函数。

码农教程 - 一技在手,衣食无忧!

Vue $slots 对象

示例

定义和用法

相关页面