Vue-Drag-Selector
基于Vue.js的框选组件
示例(Demo)
安装(install)
npm i vue-drag-selector
引入(import)
// main.jsimport VueDragSelector from "vue-drag-selector";Vue.use(VueDragSelector);
用法(Usage)
<template> <div> <drag ="checkedList" @="handleDragSelectorChange" ="drag-selector"> <drag ="(item, index) in myDragList" :="item" :="index" ="drag-selector__item"> item </drag-selector-item> </drag-selector> checkedList </div></template> <script> name: "app" { return checkedList: myDragList: a: 1 b: 5 a: 2 b: 6 a: 3 b: 7 ; } methods: { console; } ;</script>
待做(TODO)
- 拖拽交换位置