#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 для перетаскиваемого, это решит мою проблему.