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

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

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

解决方法:

似乎是这里所报告的已知问题：https://github.com/euvl/vue-js-modal/issues/78

解决方案是在模态内创建一个元素,该元素将成为拖曳手柄.因此,请勿使其与您的输入重叠！然后将新元素的类作为可拖动道具传递.作为字符串,因此删除冒号

例如

<modal draggable=".handle"...

标签：vue-js,modal-dialog,vuejs2,javascript
来源： https://codeday.me/bug/20191025/1930800.html