vue拖拽之 draggable

移入模块

package.json中引入
"vuedraggable": "^2.20.0",

import draggable from 'vuedraggable'

<draggable v-model="myapply"  @update="datadragEnd"><transition-group class="group clearfix navul"><div v-for="(nav,i) in myapply" :key="nav.id"  class="dragli">{
   {nav.menuAlias}}<i @click="removeApply(nav,i)" v-if='defaultapply.indexOf(nav.menuName)==-1'>-</i></div></transition-group>
</draggable>

//更新组件
datadragEnd (evt) {console.log('拖动前的索引 :' + evt.oldIndex)console.log('拖动后的索引 :' + evt.newIndex)
},