查看: 159|回复: 0

浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽(2)

发表于 2018-7-17 16:49:37

接下来是实现托拽排序,使用方法

  • 在项目根目录打开cmd命令
  • 安装vuedraggable 、sortablejs;
  • 命令
  • npm install vuedraggable

  • npm insall sortablejs

  • 在需要使用的界面引入


import draggable from 'vuedraggable'import Sortable  from 'sortablejs'
  • 1
  • 2

注册组件

components:{        draggable,        Sortable    },
  • 1
  • 2
  • 3
  • 4

vue文件里

实现效果

注意事项:vue组件盒子

存储到后台数据需要使用事件

start, move, end 托拽三个过程。

参考资料:http://www.makeru.com.cn/
web学习交流群:362513833



回复

使用道具 举报