基于vue的拖拽（vuedraggable）

最新推荐文章于 2025-03-13 16:20:03 发布

FE-Dong

最新推荐文章于 2025-03-13 16:20:03 发布

阅读量7.3k

点赞数

分类专栏： vue 文章标签：表格拖拽拖拽

本文链接：https://blog.youkuaiyun.com/Dong8508/article/details/103851464

版权

本文介绍了如何利用vuedraggable库在Vue项目中实现表格元素的拖拽功能，包括官网链接和在表格中的具体应用，确保在拖拽操作后表格样式保持正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、官网地址 https://www.npmjs.com/package/vue-draggable

2、表格使用

 <draggable
                    slot="body"
                    class="syllable_ul"
                    element="tbody"
                    v-model="tableData"
                    :options="{group:'title', animation:150}"
                    :no-transition-on-drag="true"
                    @change="change"
                    @start="start"
                    @end="end"
                    :move="move"
                >
                    <tr v-for="(item, index) in tableData" :key="index">
                        <td>{
  {item.name}}</td>
                        <td>{
  {it