v-selectable

vue selectable

Usage no npm install needed!

<script type="module">
  import vSelectable from 'https://cdn.skypack.dev/v-selectable';
</script>

README

selectable

vue框选指令

用法

npm install v-selectable
import selectable from 'v-selectable'
Vue.use(selectable)
<ul
    class="list-wrap"
    <!-- calassName 是要框选子元素的class属性 
         overSelect 方法会传递框选到的子元素下标 -->
    v-selectable="{className: 'list-item', overSelect: overSelect">
    <li
    :key="l.name"
    v-for="l of list"
    class="list-item"
    ></li>
</ul>
methods: {
    overSelect: function (items) {
      console.log(items) // [1,2,3]
    }
}