Artiiiii
@Artiiiii
Junior-front-end

Поменять порядок элементов массива при drag-n-drop?

Всем привет. Список задач, который берется из хранилища VUEX, задачи можно переставлять drag-n-drop. Как обновить массив в хранилище в зависимости от позиции задачи на данный момент. Todo list
  • Вопрос задан
  • 539 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Подключаем Vue.Draggable.

Вычисляемому свойству allTasks добавляем сеттер:

allTasks: {
  get() {
    return this.$store.state.tasks;
  },
  set(val) {
    this.$store.commit('allTasks', val);
  },
},

И добавляем списку обёртку в виде компонента draggable:

draggable.tasks__wrap(v-model="allTasks")
  ...

https://jsfiddle.net/sLmw2tbp/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы