vuedraggable拖拽列表设置某一条元素禁止被拖拽

在使用vuedraggable组件时，如果你想设置列表中某一个元素不可被拖拽，可以通过添加一个方法来实现。

首先，在你的元素上添加draggable属性，并使用一个方法来决定这个元素是否可以被拖拽。

<draggable v-model="list" @start="draggableStart">
  <div v-for="item in list" :key="item.id">
    {{ item.name }}
  </div>
</draggable>

然后，在你的Vue组件的methods中，实现draggableStart方法。

methods: {
  draggableStart(event) {
    // 假设你不想拖拽id为特定值的元素
    const notDraggableId = 5;
    // 获取当前元素的id
    const elementId = event.item.dataset.id;
    // 如果是不可拖拽的元素，则取消拖拽
    if (elementId === notDraggableId.toString()) {
      this.$draggable.cancel();
    }
  }
}

在这个例子中，draggableStart方法会在拖拽开始时被调用。我们通过检查元素的data-id属性（或者任何你用来标识元素的属性）来判断是否是不可拖拽的元素。如果是，我们调用this.$draggable.cancel()来取消拖拽操作。

确保你的列表元素有一个唯一的id或者其他属性来标识，这样你才能在draggableStart方法中区分它们。