### Vue拖拽 [实例链接](https://blog.csdn.net/qq_21423689/article/details/80022251) **注意：子元素浮动，父元素宽或者高的情况下，会导致拖动整体，这种情况下清除浮动即可解决！** ```javascript <draggable v-model="list" :move="getdata" @update="datadragEnd"> <transition-group> <div class="testdiv" v-for="(el,ind) in list" :key="ind"> {{el.name}} </div> </transition-group> </draggable> import draggable from 'vuedraggable' export default { components: { draggable }, name: 'app', data() { return { list: [ { name: 'like1' }, { name: 'like2' }, ] } }, methods:{ update(evt){ console.log(evt) } } } ```