vue.draggable使用
Vue.Draggable
SortableJS/Vue.Draggable: Vue.Draggable 是 Sortable.js 的 Vue.js 封装组件,提供了拖放排序功能,可以在 Vue 应用中轻松实现列表元素的可拖拽重排。
项目地址:https://gitcode.com/gh_mirrors/vu/Vue.Draggable
·
附上文档链接: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>
SortableJS/Vue.Draggable: Vue.Draggable 是 Sortable.js 的 Vue.js 封装组件,提供了拖放排序功能,可以在 Vue 应用中轻松实现列表元素的可拖拽重排。
最近提交(Master分支:2 个月前 )
431db153 - 3 年前
017ab498 - 4 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)