@mrSeller

Как на Vue управлять формами с высокой вложенностью компонентов?

Есть такая структура формы:
// Unit
{
  title,
  options: [Option],
  children: [Unit],
}

// Option
{
  title,
  value,
}

// form
[ Unit, Unit, Unit, Unit ... ]


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

Рендер соотвественный: много уровней вложенности и рекурсирующие компоненты
Помимо изменения текстовых значений, можно менять порядок элементов в массиве (драг-н-дропом).

И проблема в том, что когда я делаю все по принципу передачи данных дочерним компонентам через props и возращение данных родителям через $emit, то появляется задержка при изменении, при чем ощутимая.
Если же я забиваю на этот принцип и просто меняю в конечных компонентах начальный массив - задержка нулевая и все работает сверхбыстро.

Как же поступать в такой ситуации?
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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