Skip to content

VueDraggable组件当使用draggable或filter属性限制拖拽项后,拖拽剩余项,整个排序会错乱 #249

@rationalol

Description

@rationalol
<VueDraggable 
          v-model="list"
          :animation="150"
          draggable=".can-draggable"
          filter=".non-draggable"
          @start="onDragStart"
          @end="onDragEnd"
      >
        <div
            v-for="item in list"
            :key="item.id"
            class="draggable-item"
            :class="{ 'non-draggable': item.disable,'can-draggable':!item.disable}"
            style="user-select: none"
        >
          <el-text>{{ item.name }}</el-text>
        </div>
      </VueDraggable>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions