Перетаскиваемые изменения Vue

#javascript #vue.js #draggable

#javascript #vue.js #перетаскиваемый #переносимые

Вопрос:

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

  <draggable
    v-for="(taskBoardCard, index) in filteredTasts"
    :key="index"
    :options="{ group: `${taskBoardCard}` }"
    :class="{ 'roster__field--dark': isDarkModeOn }"
    class="roster__field"
    @change="log"
  >
    <task-card
      v-for="task in taskBoardCard"
      :key="task.id"
      :task-item="task"
      :class="`task--${task.status}`"
      @open-current-modal="openEditingModal"
    />
  </draggable>
  

Но я не вижу изменений в моей доске:

  methods: {
    log (evt) {
      window.console.log(evt)
    }
  }
  

В моих отфильтрованных тостах у меня есть

     tasks: [
    {
      id: 1,
      name: 'Task1',
      description: 'description for task 1',
      status: 'todo',
      complexity: 6,
      priority: 'low',
      editing: false
    }
  ]
  

Как я могу отслеживать действия в перетаскиваемом?
Спасибо.

Комментарии:

1. ваш код выглядит хорошо, по крайней мере, триггер @change и связанный с ним метод. Вы получаете сообщение об ошибке в консоли разработчика? Если да, то что?

2. я надеюсь, что свойство list для перетаскиваемого, это решит мою проблему.