在Vue.Draggable中使用noneFunctionalComponentMode

时间:2019-04-21 03:23:05

标签: javascript vuedraggable

我有一个相当复杂的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();

0 个答案:

没有答案