Vue draggable实现从左到右拖拽功能

1:安装插件
npm install vuedraggable

2:在需要使用的组件中引入
import draggable from ‘vuedraggable’

3:注册组件
components:{
draggable
}

示例：

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