LZYTJX 2023-12-20 22:48 采纳率: 66.7%
浏览 9

vue使用draggable


<div class="zc-pic-box heightImp">
              <draggable v-model="loadImgList"
                         class="tree-content-box zc-pic-box"
                         handle=".move"
                         @change="handleDragEnd"
                         chosenClass="chosen"
                         dragClass="chosen"
                         animation="100">
              <div
                class="uploadBox move"
                v-if="loadImgList.length > 0"
                v-for="(item,index) in loadImgList"
                :key="index">
                <img :src="item.fileUrl" style="width:160px;height:90px;" />
                <span class="delVideoPic"><i
                  class="el-icon-delete "
                  style="color:#fff"
                  @click="handleDelImg(item.activityFileInfoId)"></i></span>
              </div>

              <div class="uploadBox bendistyle" @click="openUploadImg('sc')" v-if="loadImgList.length < 5">
                <i class="el-icon-upload" style="font-size:36px;margin-bottom:8px;color:#c1c1c1"></i>
                <div class="uploadTitle">本地上传</div>
              </div>
            </draggable>
            </div>

目前效果

img

这个是目前向本地上传去移动图片,不想让本地上传有这样的移动,怎么改

img

请问一下这个组件的使用,目前实现了图片之间可以随意拖拽,但是把图片拖到本地上传那块,需要本地上传不动,本地上传是随着图片数量的增加,向后移动的,并且这个功能不能消失,不能让本地上传一直呆在原地,请问怎么修改这段代码

  • 写回答

1条回答 默认 最新

  • ·零落· 全栈领域优质创作者 2023-12-21 13:37
    关注

    可以参考下 我的这篇博客draggable实现拖拽

    评论

报告相同问题?

问题事件

  • 创建了问题 12月20日

悬赏问题

  • ¥15 求一份STM32F10X的I2S外设库
  • ¥15 android 打包报错
  • ¥15 关于stm32的问题
  • ¥15 ncode振动疲劳分析中,noisefloor如何影响PSD函数?
  • ¥50 寻找fpga的benchmark
  • ¥50 如何在arduino上,实现用4×4矩阵键盘按键控制2004显示屏输出图中显示功能的代码?
  • ¥15 P1口接8个发光二极管,利用定时计数器1编写程序
  • ¥20 keil5编译找不到.h文件该如何解决
  • ¥15 安卓EVS如何开启服务正常实现功能
  • ¥15 canal读取mysql时报错