NoneVue -draggable не может отключить

Question

Я написал компонент, который является общим для всего моего приложения, в некоторых местах мне нужно перетаскивание / сортировка, а некоторые не хотят его там. Я передаю prop на мой компонент называется disableDraggable и на основании этого он должен отключить, к сожалению, он ничего не делает, как я могу отключить перетаскиваемый? Я должен отметить, что я пробовал как синтаксис объекта параметров, а также простой :disable вот соответствующий код:

 <draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disable : disableDraggable}">  
// or :disable="disableDraggable"
      <v-card flat class="list_outer_block" v-for="q in questions" :key="q.question_id">
        <v-card-text class="pa-0">

          <v-layout justify-start align-center>
            <v-flex initial-xs px-2 py-3 class="handle minwdth-0" :title="$t('general.drag_for_reorder')">
              <v-icon class="text--secondary  text--lighten-3">$vuetify.icons.drag_indicator</v-icon>
            </v-flex>
    ....
        props: ['questions', 'disableDraggable'],

Как отключить перетаскиваемый функционал?

Я должен отметить, что vue-draggable (что я использую) предположительно имеет тот же API, что и SortableJs

Answer 1

Должно быть : отключено, а НЕ : отключено.

 <draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disabled : disableDraggable}">  

Ссылка:
https://github.com/SortableJS/Vue.Draggable/blob/17bdd4b8b2ab4f4df45dd76edf1afec864ec0936/example/debug-components/slot-example.vue