Closed noprobz09 closed 1 year ago
Im trying to implement the <transition-group> based on this demo https://vue-draggable-next.vercel.app/#/transition but no css effects. Did i miss something? Im using Nuxt 3 and here is my sample code
<transition-group>
<table id="status-draggable"> <thead> <th>Order</th> <th>Status Name</th> <th>Status Group</th> </thead> <tbody> <VueDraggableNext v-model="lists"> <transition-group> <tr v-for="list in lists" :key="list.id"> <td>{{ list.id}}</td> <td>{{ list.name }}</td> </tr> </transition-group> </VueDraggableNext> </tbody> </table>
and this is my lists.
const lists = ref([ { id: 1, name: 'John Doe' }, { id: 2, name: 'Peter Doe' } ])
@noprobz09 checkout the example here https://github.com/anish2690/vue-draggable-next/blob/master/demo/components/transition-group.vue
Im trying to implement the
<transition-group>
based on this demo https://vue-draggable-next.vercel.app/#/transition but no css effects. Did i miss something? Im using Nuxt 3 and here is my sample codeand this is my lists.