«Ошибка: группа переходов внутри компонента не поддерживается» с использованием Element UI и Vue Draggable - PullRequest
Новая
       37

«Ошибка: группа переходов внутри компонента не поддерживается» с использованием Element UI и Vue Draggable

0 голосов
/ 18 декабря 2018

Я использую элемент пользовательского интерфейса collapse вместе с vuedraggable .И я пытаюсь реализовать vue transition-group для складных предметов.В документации, которую можно переместить, говорится, что вы можете просто сделать это следующим образом: 

 <draggable v-model="myArray">
    <transition-group>
        <div v-for="element in myArray" :key="element.id">
            {{element.name}}
        </div>
    </transition-group>
</draggable>

В моем случае я помещаю перетаскиваемые элементы в компонент "el-menu".Вот почему я получаю сообщение об ошибке:

«Ошибка. Внутренний компонент группы переходов не поддерживается»

Это то, что я получил до сих пор: 

<draggable element="el-menu" :list="branch.list" :component-data="getComponentData()">
    <transition-group>
        <el-menu-item
        v-for="(list, list_key) in branch.list" 
        :index="list_key+ '_list'"
        :key="leaf_key + '_list'">
            content
        </el-menu-item>
    </transition-group>
</draggable>
...