0

проблема заключается в следующем.

есть вот такое начало https://codesandbox.io/s/funny-hofstadter-49g45?file=/src/App.vue

после нажатия на "Добавить" появляется список. по нажатию на "+" в списке появляется еще один item-списка, который будет лежать в массиве info первого объекта главного массива items . и таких образом вложенностей может быть неограниченное количество.

возможно ли реализация через динамические компоненты? так как изначально нет данных о количество вложенностей. создать шаблон динамического компонента и создаваться он будет всегда если длинна массива info>1. если так нельзя то подскажите способ реализации данной задачи. если же можно через динамические компоненты , то просьба поделиться на инфу. гуглить что то не очень получается. спасибо

1
  • можно увидеть структуру данных по которым нужно строить вложенность, задача не сложная, я делал что-то подобное на React, но это можено реализовать на чем угодно, общая суть компонент содержит в себе список компонентов таких же как он сам - все это отрисовывается рекурсивно 21 дек 2020 в 15:52

1 ответ 1

0

https://ru.vuejs.org/v2/examples/tree-view.html

подобное Вы можете найти в документации Vue.js.

Отличие только в том, что Вам по тригеру кнопки в айтеме нужно будет добавлять для элемента, где был совершен клик, данные в массив info, чтобы дерево верно отрисовывалось.

1
  • у Вас кстати список на дивах весь. Вы планировали сделать под него виртуализацию?
    – letUser
    23 дек 2020 в 8:56

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.