@nonamer_city

Возможно ли циклом передавать параметры?

Привет.
Хочу поинтересоваться возможно ли в цикле выводить параметры, которые я передаю в пропс.
К примеру:
[
{
  componentName:Button,
  title: Кнопка,
  label: : Желтая кнопка
},
{
  componentName:Select,
  options:[1,2] ,
  type:select
},
]

Есть такой массив. Вывожу его в v-for и и component is=componentName
Но как передать параметры чтобы было примерно так
Component is=component name :options=options :label=label

У всех компонентов они разные.
Сделать из этого один обьект не вариант. Структура пропсов типизирована
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 2
0xD34F
@0xD34F Куратор тега Vue.js
Вынести все параметры в отдельный объект:

[
  {
    name: 'componentName1',
    props: {
      propName1: ...,
      propName2: ...,
    },
  },
  {
    name: 'componentName2',
    props: {
      propName69: ...,
      propName187: ...,
      propName666: ...,
    },
  },
  ...
]

<component
  v-for="n in componentsData"
  v-bind="n.props"
  :is="n.name"
/>
Ответ написан
evgensenin
@evgensenin
Yii2 || Laravel, vue & nuxt
Обычным способом как вы привыкли - так не сделать.
Но можно сделать через рендер функции

Подсовывайте нужные пропсы в зависимости от типа компонента.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы