vue 使用vuedraggable 实现列表拖拽排序
首先安装 npm install vuedraggable --save
页面使用时引入
import Draggable from 'vuedraggable'
export default { name: "draggable", components: { Draggable }, data(){ return { tableData:[ {id:'1',name:'111111'}, {id:'2',name:'222222'}, {id:'3',name:'333333'}, {id:'4',name:'444444'} ] } } }
简单的使用
<draggable v-model="tableData"> <div v-for="item in tableData" :key="item.id" class="item"> {{item.name}} </div> </draggable>
- 上一篇 »java实现鼠标拖拽动作监听
- 下一篇 »html5实现拖拽上传