У меня довольно сложная настройка приложения 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();