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

Question

我正在尝试禁用前 2 列的可拖动功能我尝试了可拖动选项

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

但它禁用了所有 header 可拖动功能

<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 中添加检查 header 标题的方法，如果它与主题匹配，它将 return false 并且它将无法拖动

<draggable 
  v-model="headerColumn" 
  v-bind="dragOptions"
  tag="tr"
  :move="checkHeader"
>

checkHeader(value) {
  if (value.draggableContext.element.title == 'Subject') {
     return false;
  }
  return true;
}

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

How can disable first two column of header in vue

javascript

draggable

vue.js

vuejs2