Post

vuedraggable(基于sortable.js的拖拽组件)

Posted
By yurongku
1 min read

基于sortable.js的拖拽组件 yarn add vuedraggable import draggable from “vuedraggable”; components: { draggable, },

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<draggable
  :list="list"
  class="catalog-list"
  handle=".drag"
  ghost-class="ghost"
  :move="dragMove"
  @start="dragging = true"
  @end="dragging = false"
>
  <div class="catalog-item" v-for="item in list" :key="item.id">
    <div class="drag">
      <a-icon type="menu" />
    </div>
    <div class="title">
      
    </div>
    <div class="operator">
      <span>编辑</span>
      <span>删除</span>
    </div>
  </div>
</draggable>
工作日志, 指南
vuedraggable vue
This post is licensed under CC BY 4.0 by the author.