心情有点烦躁,直接上码吧…
npm i -S vuedraggable
//首先先装一下vuedraggable
import draggable from "vuedraggable"
export default{
data(){
return{
materialsList:[]
}
},
components:{
draggable
},
methods:{
change(){},
start(){},
end(){},
move(){}
}
}
<template>
<draggable
class="draggable"
v-model="materialsList"
@change="change"
@start="start"
@end="end"
@move="move"
>
<li v-for="(item,index) in materialsList" :key="item.name" class="materials-li"></li>
</draggable>
</template>