Vue.Draggable을 사용하여 특정 요소에서 끌기를 비활성화하는 방법

Question

.btn-drag 만 전체 행을 끌 수 있도록 설정하려면 어떻게해야합니까? 나는 현재 나는 그들이 우리가 <draggable>에 :move="checkMove"를 배치 할 수 있음을 언급 문서에서

<draggable v-model="textElements"> 
     <transition-group> 
      <div class="is-draggable" v-for="element in textElements" :key="element.text"> 
       <div> 
        {{ element.text }} 
       </div> 
       <button class="btn btn-transparent">Options</button> 
       <button class="btn btn-transparent btn-drag">Drag</button> 
      </div> 
     </transition-group> 
    </draggable> 

원하지 않는 어떤 button#options로도 드래그 할 수 있지만 기능에 내가 정확히 무엇인지 확인하는 방법을 잘 모르겠습니다 https://github.com/SortableJS/Vue.Draggable

을 사용하고 있습니다 끌고? 일반

methods: { 
    checkMove(evt) { 
     console.log(evt) 
     return false 
    } 
} 

CONSOLE.LOG (EVT)에 드래그하지 않도록 제대로 거짓 작품을 반환하면이 표시되지만 내가하는 기능이 호출 https://image.prntscr.com/image/r17zNkxoSWGdVQs_5nR09w.png

Answer 1

드래그를 시작 정확하게 파악하는 데 사용할 수있는 특성 확실하지 않다 "핸들".

https://github.com/SortableJS/Vue.Draggable#options 여기

https://github.com/RubaXa/Sortable#options
handle 옵션

https://github.com/SortableJS/Vue.Draggable#features

는 도움이 될 것입니다.