VueFire следит за пустым свойством массива - PullRequest
Новая
       44

VueFire следит за пустым свойством массива

0 голосов
/ 04 июля 2019

ищет решение моей проблемы!

Я пытаюсь заставить Vue.Draggable работать с VueFire. У меня есть несколько списков с карточками, которые можно перетаскивать между ними, сортировать, клонировать и так далее. Хотя списки заполнены карточками, Vue.Draggable работает отлично, он следит за изменениями, запускает такие события, как магия.

Это рабочий JSON: 

categories: [{
  name: "todo",
  cards: ["second","first","second"]
},{
  name: "doing"
  cards: ["first","fourth","second"]
},{
  name: "done",
  cards: ["second", "fourth","first","third"]
}]

Проблема возникает, когда один из списков пуст. Все мы знаем, что Firebase не хранит пустые свойства, поэтому Vue.Draggable не может наблюдать за несуществующим свойством. Например, как это: 

categories: [{
  name: "todo",
  cards: ["second","first","second"]
},{
  name: "doing"
  // missing cards property because it's empty
},{
  name: "done",
  cards: ["second", "fourth","first","third"]
}]

Свойство cards должно быть заполнено значениями путем перетаскивания элементов в список, но поскольку cards не существует, Vue.Draggable не может отслеживать изменения в этом списке и не может инициировать события.

Есть ли способ создать какую-то метку-заполнитель или промежуточное ПО для имитации этого пустого массива? Или каковы другие возможные решения в этом случае?

Вот маленький JSFiddle .

Спасибо!

...