vue-js-modal - "draggable"问题

Question

我正在使用 vue-js-modal 来显示可拖动和可调整大小的模态，但我对"可拖动"属性有问题。

模态打开，除"可拖动"外的所有属性都正常工作;我不能拖动模态(似乎没有效果(。 这就是我设置模态的方式：

<modal class="vue-js-modal"
name="modal-name"
:draggable="true"
:resizable="true">
<h1>Modal Title</h1>
</modal>

有人可以帮助我解决这个问题吗？ 多谢

Answer 1

我不确定是什么导致了您身边的不良行为。您是否查看了是否有任何错误消息干扰库或代码？从下面的代码示例中从头开始尝试 将库安装为：npm install --save vue-js-mode

以下工作正常(已测试(：

<template>
<div>
<div class="btn btn-primary rounded border" v-html="buttonText" @click="$modal.show('modal-name')"></div>
<modal class="vue-js-modal"
name="modal-name"
:draggable="true"
:resizable="true">
<div>
<h1>Modal Title</h1>
<p>My happy modal content.</p>
</div>
</modal>
</div>
</template>
<script>
import VModal from 'vue-js-modal'
export default {
name: 'Demo',
components: {
VModal
},
data: function () {
return {
buttonText: 'Open modal'
}
}
}
</script>