我有一个相当复杂的VueJS应用程序设置,它使用通过Render函数呈现的VueDraggable。由于遇到了vuedraggable.js中的特定代码块,并且由于缺乏文档,我遇到了一个障碍,想知道此代码块的用途是
getChildrenNodes(...) {
...
if (this.noneFunctionalComponentMode) {
return this.$children[0].$slots.default;
}
...
当我的可拖动组件有一个孩子时(根据定义必须启用拖放),就会发生此问题。这个单身孩子没有任何插槽/孩子,上面的可拖动代码似乎试图获取此孩子的插槽。标签名称和实际元素名称不同,因此在安装过程中将noneFunctionalComponentMode设置为true-如下所示。
this.noneFunctionalComponentMode = this.getTag().toLowerCase() !== this.$el.nodeName.toLowerCase();