vuedraggable 设置元素不可拖拽

1. draggable标签上加 :filter属性, 属性值为不可选中的元素对应的类名

2. 在不可选中元素上增加一个与第一步对应的类名

<draggable
  v-model="myArray"
  :filter=".undraggable"
>
  <transition-group>
    <div
      v-for="element in myArray"
      :key-name="element.id"
      :class="[element.undraggable ? 'undraggable':'']"
      :key="element.id"
    >
      {{ element.name }}
    </div>
  </transition-group>
</draggable>


posted @ 2022-04-15 14:23  智商感人  阅读(3153)  评论(0)    收藏  举报