请问组件有多个slot，在 render 函数中使用slot,如何指定多个slot呢？

[jackchoumine]

比如 Child:

<template>
     <header>
       <slot  name="header"></slot>
      </header>
     <main>
           <slot></slot>
     </main>
     <footer>
      <slot  name="footer"></slot>
     </footer>
<template>
<script>

如何在 render 函数中渲染该组件？使用render函数定义该组件呢？

[willson-wang]

@jackchoumine

// 父组件中使用Child
render(h) {
    return h(
        Child
    )
}

// 使用render函数定义该组件
render(h) {
    return (
          h(
              'div',
              [
                    h(
                        'header',
                        [
                            this.$slots['header']
                        ]
                    ),
                    h(
                        'main',
                        [
                            this.$slots.default
                        ]
                    ),
                    h(
                        'footer',
                        [
                            this.$slots['footer']
                        ]
                    ),
              ]
          )
    )
}