vue 列表拖拽排序

vue 列表拖拽排序

• 安装

npm install vuedraggable --save

• 使用

<template>
  <draggable v-model="list" :element="'ul'">
    <li v-for="item in list" :key="item.id">
      {{ item.id }}. {{ item.text }}
    li>
  draggable>
template>
<script>
  import draggable from 'vuedraggable'
  export default {
    components: { draggable },
    data() {
      return {
        list: [
          { id: 1, text: 'AAA' },
          { id: 2, text: 'BBB' },
          { id: 3, text: 'CCC' },
        ]
      }
    }
  }
script>