VUE-JS模式可拖动问题

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

解决方案是在模态内创建一个元素，这将是Drabble手柄。因此，不要让它重叠您的输入！然后将新元素的类作为可拖动道具。当字符串因此删除结肠

时

例如

<modal draggable=".handle"...