vue-modal 드래그 가능 문제

vue-modal 드래그 가능 문제

vue-timeout-modal을 사용 중인데 문제가 있습니다.모달은 :draggable="true"로 설정할 때마다 끌 수 있지만 끌 수 있는 요소로 간주되기 때문에 입력에 쓸 수 없습니다.어떻게 방지해야 합니까?

셋업은 다음과 같습니다.

 <!-- modal dedicated to the panel history -->
  <modal :adaptive="true" height="70%"  width="60%" :resizable="true" class="modalSize" :draggable='true' name="modalPanel">
    <span class="cross" @click="$modal.hide('modalPanel')">
      ✖
    </span>
    <!-- here lives the panel history -->
    <appPanelHistory>
    </appPanelHistory>
  </modal>

모달 오픈이 내 입력을 바꿀 수 없을 때, 이 문제를 아는 사람이 있나요?고마워요.

https://github.com/euvl/vue-js-modal/issues/78에서 보고된 바와 같이 이미 알려진 문제인 것 같습니다.

해결책은 모달 내에 요소를 만드는 것입니다.그 요소는 드라블핸들이 됩니다.입력 내용과 겹치지 않도록 하세요!그런 다음 새 요소의 클래스를 끌 수 있는 소품으로 전달합니다.끈으로 대장을 제거하라.

예

<modal draggable=".handle"...

언급URL : https://stackoverflow.com/questions/46041112/vue-js-modal-draggable-issue