javascript - vue-js-modal 可拖动问题

Question

我正在使用 vue-js-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>

当模式打开时我无法更改我的输入，有人知道这个问题吗？谢谢

Answer 1

似乎是此处报告的已知问题:https://github.com/euvl/vue-js-modal/issues/78

解决方案是在您的模式中创建一个元素，该元素将成为拖拽 handle 。所以不要让它与您的输入重叠!然后将新元素的类作为可拖动 Prop 传递。作为字符串，所以删除冒号

例如

<modal draggable=".handle"...