`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

您正在指定名为prop的{​​{1}}，其值为slot：

content

只需指定名为h('div', { props: { slot: 'content' } }, 'My content') 的{​​{1}}：

slot

See the documentation.