vuedragMain.js 959 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. require.config({
  2. urlArgs: "ver=1.0_0",
  3. paths:{
  4. "vue":'vue.min2',
  5. "sortablejs":'Sortable',
  6. "vuedraggable":'vuedraggable'
  7. },
  8. shim:{
  9. 'vue':{
  10. exports:'vue'
  11. }
  12. }
  13. });
  14. require(['vue','vuedraggable'],function(Vue,draggable){
  15. Vue.component('draggable', draggable);
  16. new Vue({
  17. el: '#example',
  18. data: {
  19. list2:[
  20. {id:"id1",it:{name:'bbbb'}},
  21. {id:"id2",it:{name:'2222'}},
  22. {id:"id3",it:{name:'3333'}},
  23. {id:"id4",it:{name:'4444'}}
  24. ]
  25. },
  26. methods:{
  27. getdata: function(evt){
  28. console.log(evt.draggedContext.element.id);
  29. },
  30. datadragEnd:function(evt){
  31. console.log('拖动前的索引:'+evt.oldIndex);
  32. console.log('拖动后的索引:'+evt.newIndex);
  33. console.log(list2);
  34. }
  35. }
  36. })
  37. });
  38. require(['vue','vuedraggable'],function(Vue,draggable){
  39. Vue.component('draggable', draggable);
  40. });