vuedraggable拖拽实现

1.安装:npm i -S vuedraggable

2.引入:import draggable from 'vuedraggable' (在<script>中引用就行)

3.代码(简):

1 <draggable :list="dataList" :animation='400' @end="updateMenu">
2           <transition-group>
3             <div v-for="(item, index) in dataList" :key="item.programId">
4               <div>{{item.programName}}</div>
5             </div>
6           </transition-group>
7         </draggable>

4.参考链接:

https://blog.csdn.net/sodakii/article/details/127004344

https://gitcode.net/mirrors/SortableJS/vue.draggable?utm_source=csdn_github_accelerator

 

posted @   //唉  阅读(73)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示