Javascript vue js模式可拖动问题

我正在使用它，并且有一个问题，每次我将模态设置为：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>

✖

---

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

这似乎是一个众所周知的问题，正如这里所报道的：

解决方案是在模态中创建一个元素，该元素将是drabble句柄。所以不要让它与你的输入重叠！然后将新元素的类作为可拖动的道具传递。作为字符串，请删除冒号

例如

---

我怎么说，拖动模态的背景？除了输入？你可以尝试使用绝对定位元素和z索引。请确保在不同的浏览器中测试它，因为会发生意外行为。您好，输入错误在v1.3.0中已修复
<modal draggable=".handle"...