Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。
3358 www.Sina.com/https://www.NPM js.com/package/vue draggable
npm官方演示:
具体说明,请参考:
支持触摸设备支持拖动和文本选择支持智能角色支持在不同列表之间拖动如果需要基于jQuery的视图模型同步刷新和vue2的国家动画兼容支持撤消操作,则抛出所有更改
安装:
部署npm install vuedraggable页面:
模拟importdraggablefrom ‘ vue draggable ‘ data定义数据。 这是排序的案例,与上图不同
模板Div! -调用组件–draggable element=’ ul ‘ v-model=’ list data ‘ liv-for=’ iteminlistdata ‘ { { item.name }/Li/dddata templatescriptimportdraggablefrom ‘ vue draggable ‘ export default { name 3360 ‘ draggable } components : { draggable,},dagable name:’mhDHS1′}、{id:name3360} name3360’MHDHS3’}、{ id : ‘ MH DHS4’ }、{ id: 5,name