v-selectable v1.0.7

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]
    }
}