### 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) } } } ```