Vue拖拽Draggable插件

1.安装

npm install vuedraggable

2.页面引入

import draggable from 'vuedraggable'

3.引入组件

<draggable v-model="selectedArray" style="display: flex;width: 100%;cursor: pointer">
    <span v-for="item in selectedArray" :label="item" :key="item" style="width: 20%;padding: 10px 10px">
       <span style="border: 1px solid red;padding: 5px 10px;border-radius: 4px">
           <span>{{item}}</span>
           <span><i class="el-icon-s-unfold"></i></span>
       </span>
    </span>
</draggable>

4.component里引入

 components: {
    draggable
  },