Getting Started

Installation

$ npm i vue-virtual-draglist

$ yarn add vue-virtual-draglist

Simple Usage

<template>
  <virtual-list
    v-model="list"
    data-key="id"
  >
    <template slot="item" slot-scope="{ record, index, dataKey }">
      <!-- content -->
    </template>
  </virtual-list>
</template>

<script>
import virtualList from 'vue-virtual-draglist';
import { reactive, toRefs } from 'vue';
export default {
  components: {
    virtualList
  },
  data() {
    return {
      list: [{ id: 'a', text: 'a', id: 'b', text: 'b' }],
    }
  },
};
</script>