如何在vue中禁用头的前两列

Question

我试图禁用前2列的可拖动功能，我尝试在可拖动

选项

:options="{disabled : 'Subject'}" 

但是它禁用了所有标头可拖动功能

<thead class="not-as-small helpdesk-ticket-head">
   <draggable 
      v-model="headerColumn" 
      tag="tr"
      v-bind="dragOptions"
   >
     <th 
       v-for="(header, index) in selectedColumnsHeader" 
       :key="header.title"
       :class="{ 'table-data--sticky': stickyColumns(index) }"
       scope="col"
     >
       {{ header.title }}
     </th>
   </draggable>
</thead>

Answer 1

在draggable:move中添加检查标题的方法如果标题与主题匹配则返回false并且不能拖动

<draggable 
  v-model="headerColumn" 
  v-bind="dragOptions"
  tag="tr"
  :move="checkHeader"
>
checkHeader(value) {
  if (value.draggableContext.element.title == 'Subject') {
     return false;
  }
  return true;
}