vue2升级为vue3 vuedraggable 拖动组件报错

• 前端 
1、Error: draggable element must have an item slot

升级组件

npm i -S vuedraggable@next

使用示例

   
      
Draggable 1

      
        
          {{ element.name }} {{ index }}
        
      
    

    
      
Draggable 2

      
        
          {{ element.name }} {{ index }}
        
      
    

const list1 = ref([
  { name: "John", id: 1 },
  { name: "Joao", id: 2 },
  { name: "Jean", id: 3 },
  { name: "Gerard", id: 4 }
])
const list2 = ref([
  { name: "Juan", id: 5 },
  { name: "Edgard", id: 6 },
  { name: "Johnson", id: 7 }
])

2、Item slot must have only one child

官方GitHub – SortableJS/vue.draggable.next: Vue 3 compatible drag-and-drop component based on Sortable.js

 官方demo

https://sortablejs.github.io/vue.draggable.next/#/two-lists

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/cb2677372c.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐