使用 vue.draggable 实现拖拽分组

 1.安装draggable

npm i -S vuedraggable  || yarn add vuedraggable

2.页面引入

import draggable from "vuedraggable"

3.注册

components: {draggable },

例子

<template>

  <div>

    <div class="itxst">

      <div class="ss">

        <div class="col" v-for="(item, index) in arr1" :key="item.name">

          <div class="title">{ { item.name }}</div>

          <draggable

            v-model="arr1[index].users"

            :group="groupA"

            animation="300"

            dragClass="dragClass"

            ghostClass="ghostClass"

            chosenClass="chosenClass"