记录Vue拖拽插件Draggable的使用

Draggable是基于Sortable.js的一个Vue组件：

具体信息和官方实例

首先安装、引入：

npm install vuedraggable

import draggable from 'vuedraggable'

使用方法：

<template>
  <div>
    <draggable element="ul" v-model="listdata">
      <li v-for="item in listdata">{{item.name}}</li>
    </draggable>
  </div>
</template>
 

data () {
    return {
      listdata:[
        {
          id: 1,
          name: '张三'
        },
        {
          id: 2,
          name: '李四'
        },
        {
          id: 3,
          name: '王五'
        }
      ]
    }
  }