@jeruthadam
Я крут

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

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

<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 раз внутри рендер функции? Именно внутри, а не делать цикл в родителе.
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
functional: true,
render: (h, ctx) => h('div', Array(ctx.props.количествоПовторений).fill(ctx.slots().default)),

https://jsfiddle.net/pw8nubhc/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы