vue使用vuedraggable实现拖拽排序布局

import draggable from “vuedraggable”;

<!-- 拖拽 -->
      <div class="content">
        <draggable v-model="shopList" @update="datadragEnd" :options="{animation:500}">
          <transition-group class="clearfix">
            <div v-for="item in shopList" :key="item.id" class="drag-item clearfix">
              <img src="../../../../../assets/images/user-img.png" alt />
              <ul>
                <li>{
  {item.name}}</li>
                <li>ID：{
  {item.id}}</li>
                <li>原价{
  {item.oldPrice}}</li>
                <li>￥：{
  {item.price}}</li>
              </ul>
            </div>
          </transition-group>
        </draggable>
      </div>

//拖拽

   sh