VUEJS Как создать абзац с вложенными метками и v-select (vuetify и pug) - PullRequest
0 голосов
/ 20 мая 2019

Я хочу построить абзац с текстом и параметрами, отображаемыми в раскрывающемся списке.Я уже сделал, но у меня есть проблемы с дизайном, потому что он должен быть таким образом:

Lorem ipsum dolor sit amet, [DROPDOWN] conceptetur adipiscing elit, [DROPDOWN] sed do eiusmod tempor incididunt ut [DROPDOWN] labore et dolore magna aliqua.

Я использую vuetify и шаблон pug для его динамического генерирования, потому что это страница викторины, и я буду использовать этот элемент управления во многих местах моего проекта.

Поскольку в v-flex естьуже есть определенные размеры из-за системы сетки макета. Есть ли способ построить абзац с вложенными метками и раскрывающимися списками?

Я пытался установить значения с помощью v-flex, но поскольку у меня разные размеры в каждом вопросе моего проекта викторины, эта опция не работает.

 v-flex(xs10, sm15, md12)
        div.answers(v-for="(element, index) in questions")
            label.label {{element.label}}
            v-select(:items="element.combos" item-text="name" item-value="value" label="Selecciona..." :key="index") 

Она уже работает, ноЯ не знаю, как я могу сгенерировать элементы для отображения своих компонентов во вложенном виде.

Пожалуйста, ПОМОГИТЕ МНЕ !!!

1 Ответ

0 голосов
/ 20 мая 2019

Вы должны обернуть свой флекс компоновкой, а затем поместить внутри флекса метку, а также v-select согласно документам здесь: https://vuetifyjs.com/en/framework/grid#layout-playground

...