Как сделать v-for в рендер функции?

Question

[jeruthadam]

Нашел пример в доке, но он не очень подходить к моему случаю.

<render-function-playground :layers="10">
        <h1>Hello</h1>
</render-function-playground>

render: function (createElement) {
    return createElement(
      'div',
      this.$slots.default
    )
  },
  props: {
    layers: {
      type: Number,
      required: true
    },
  }

Как мне повторить слот <h1>Hello</h1> 10 раз внутри рендер функции? Именно внутри, а не делать цикл в родителе.

Comments

[jeruthadam]

Сделал так посоны, норм?

render: function (createElement) {
    return createElement(
      'div',
      [...Array(this.layers).keys()].map(i => {
        return this.$slots.default
      })
    )
  }

Answer 1

[0xD34F]

functional: true,
render: (h, ctx) => h('div', Array(ctx.props.количествоПовторений).fill(ctx.slots().default)),

https://jsfiddle.net/pw8nubhc/