vue.draggable使用

最新推荐文章于 2024-09-10 09:00:00 发布

flipped_lv

最新推荐文章于 2024-09-10 09:00:00 发布

阅读量641

点赞数 2

分类专栏：前端菜鸟打怪手册文章标签： vue

本文链接：https://blog.csdn.net/ciichen/article/details/108379955

版权

前端菜鸟打怪手册专栏收录该内容

17 篇文章 1 订阅

订阅专栏

附上文档链接：vue.draggable中文文档（很详细！还有例子！百度了好久，靠这文档救我狗命）

主要解决两个需求：
1.点拖动的图标才能拖动元素：handle=".mover"
2.动画效果：animation=“150”

		<draggable v-model="tagTitle" animation="150" handle=".mover">
          <div class="folder" v-for="(item,index) in tagTitle" :key="item.label">
            <div class="index">{{index+2}}</div>
            <el-input maxlength="10" placeholder="请输入10字以内的文件夹名称" v-model.trim="item.name">
              <i slot="suffix" class="iconfont icongonggong_shanchu"></i>
              <i slot="suffix" class="iconfont icongonggaobaohu_tuodong mover"></i>
            </el-input>
          </div>
        </draggable>