vue官方文档的 “slot: 'name-of-slot' 如果组件是其它组件的子组件,需为插槽指定名称 ” 这句话怎么理解?

render函数中的slot官方描述是:
// 如果组件是其它组件的子组件,需为插槽指定名称
slot: 'name-of-slot',

请问这句话怎么理解?

阅读 1.9k
1 个回答
新手上路,请多包涵

就是在父组件里给插槽填内容的时候, 指定具名插槽的name

const Baz = {
  render (h) {
    return h('h5', ['Baz', h(BazChild, [h('span', 'defualt'), h('span', { slot: 'header' }, 'header')])])
  }
}
const BazChild = {
  render (h) {
    return h('h5', ['BazChild', h('br'), this.$slots.header, h('br'), this.$slots.default])
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题