‘render`函数没有替换槽内容

Question

我使用的是vue 2.0。

我想生成这个模板：

<Poptip placement="right" width="400">
    <Button type="ghost">click 激活</Button>
    <div class="api" slot="content">my content</div>
</Poptip>

使用render函数：

render: (h, params) => {
  return h('Poptip', {
    props: {
      placement: 'right'
    }
  }, [
    h('Button', {
      props: {
        type: 'ghost'
      }
    }, 'Edit'),
    h('div', {
      props: {
        slot: 'content'
      }
    }, 'My content')
  ])
}

使用模板可以完美地工作。但是，当我使用render函数时，槽的内容不会被我的内容替换。

Answer 1

您正在使用值content指定名为slot的prop

h('div', {
  props: {
    slot: 'content'
  }
}, 'My content')

简单地指定一个名为content的slot

h('div', {
  slot: 'content'
}, 'My content')

See the documentation.