vue,vue实现拖拽功能

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

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注