Я хочу создать что-то вроде доски трелло, где есть несколько столбцов, и я могу перетаскивать элементы в разные списки. Я хочу иметь возможность создавать столбцы динамически, поскольку у каждого пользователя будет разное количество списков. Для vue-draggable, как я могу динамически создавать вычисляемые значения для каждого списка?
Мои данные в этом формате (который представляет собой один массив списков):
lists:
[
{
"id":1,
"label":"List1"
"items":[
{ "id": 1, "description: "item1" },
{ "id": 2, "description: "item2" },
]
},
{
"id":2,
"label":"List2",
"items":[
{ "id": 3, "description: "item3" },
]
},
{ ... },
{ ... }
]
Но мне нужны вычисленные значения для каждого списка, чтобы я мог перетаскивать:
computed: {
list1: {
get() {
return this.list1.items
},
set(value) {
this.list1.items
}
},
list2: {
get() {
return this.list2.items
},
set(value) {
this.list2.items
}
}
}
Есть ли другой подход для этого сценария?