Как реактивно двигать элемент в массиве из дочернего компонента?

Question

[bozuriciyu]

Есть компонент редактора. Состоит из блоков контента. Каждый блок - элемент массива контент. Есть кнопки добавления блока. Как сделать кнопки "Вверх" и "Вниз", и удаление элемента? Т.е. изменение положения элемента в массиве, соблюдая примерную структуру компонентов как тут в примере? При этом не убивая реактивность?

https://codesandbox.io/s/vue-template-k0dbr

Answer 1

[0xD34F]

Копируете массив, меняете элементы местами, отправляете его родителю. Например.

Comments

[bozuriciyu]

Спасибо все работает как надо! Видимо дело в том что надо копировать пропс перед тем как проводить манипуляции (я пробовал напрямую).

Если не трудно вот момент подскажите - а почему в компоненте ArticleBlock v-model напрямую мутирует пропс, но Вью не кидает ошибку? Так можно делать? Получается это как бы "прокидывается" прозрачно через компонент emit?

[0xD34F]

bozuriciyu, лучше переписать так, чтобы изменения эмитились наверх. Обновил пример по ссылке, можете взглянуть ещё раз.