Использование noneFunctionalComponentMode в Vue.Draggable
У меня есть довольно сложная установка приложения VueJS, которая использует VueDraggable, визуализированный через функции Render. Я столкнулся с препятствиями из-за этого конкретного блока кода в vuedraggable.js и, учитывая отсутствие документации, хочу знать, для чего предназначен этот блок кода:
getChildrenNodes(...) {
...
if (this.noneFunctionalComponentMode) {
return this.$children[0].$slots.default;
}
...
Проблема возникает, когда у моего перетаскиваемого компонента есть один дочерний элемент (который по определению должен быть включен для перетаскивания). Этот единственный дочерний элемент не имеет никаких слотов / дочерних элементов, и приведенный выше код в режиме перетаскивания, кажется, пытается получить слот этого дочернего элемента. Имя тега и фактическое имя элемента отличаются, поэтому noneFunctionalComponentMode устанавливается в true во время монтирования - как показано ниже.
this.noneFunctionalComponentMode = this.getTag().toLowerCase() !== this.$el.nodeName.toLowerCase();