mirrors-draggable-vue-directive-master.zip

拖动元素： 1.npm install draggable-vue-directive --save 2.<div v-draggable> classic draggable </div> 3. import { Draggable } from 'draggable-vue-directive' ... export default { directives: { Draggable, }, ... 4.<div v-draggable="draggableValue"> <div :ref="handleId"> <img src="../assets/move.svg" alt="move"> </div> drag and drop using handler </div> 5.import { Draggable } from 'draggable-vue-directive' ... export default { directives: { Draggable, }, data() { return { handleId: "handle-id", draggableValue: { handle: undefined } }; }, mounted() { this.draggableValue.handle = this.$refs[this.handleId]; } ...