需求是绑定按钮进行拖拽排序,但市面上有名气的插件都是整体div操作,后来看底层,都调用了sortable.js,这个偏底层,无依赖,性能很不错,配置项也多。
http://www.itxst.com/sortablejs/neuinffi.html
handle可选择区域
后来遇到一个问题,父组件传递给子组件多维数组渲染,里面的一个元素是排序,类似
Arr:[{a:'1',b:'2'},{a:'c',b:'d'}....]
在子组件onEnd中修改父组件Arr,不能及时修改数据,后$nextTick,可以及时修改数据,但渲染有问题,明明排序是1,但是却在第二位。
后通过if,强制刷新子组件