vue页面拖拽使用

npm install vuedraggable -S 

• 1

引入插件：

 import draggable from 'vuedraggable' 

• 1

注册组件：

components: {
  draggable
 }, 

<template>
  <div class="wrapper">
    <div style="height: 1000px">
      <div class="test-left">
        <!-- 左侧按钮 -->
        <draggable
          v-model="dataDraggerle1"
          draggable=".c-item"
          v-bind="dragOptionsL"
          :options="{
            sort: false,
            group: { student: 'field', pull: 'clone', put: false },
          }"
        >
          <div
            v-for="(d, index) in dataDraggerle1"
            :key="index"
            class="item c-item"