Vue.js vue js modal-“vue js modal”;“可拖动的”;问题

Vue.js vue js modal-“vue js modal”;“可拖动的”;问题,vue.js,modal-dialog,Vue.js,Modal Dialog,我正在使用显示可拖动和可调整大小的模式,但我对“可拖动”属性有问题 模态打开,除“可拖动”外,所有属性均正常工作;我不能拖动模态(似乎没有效果)。 这是我如何设置模态的: <modal class="vue-js-modal" name="modal-name" :draggable="true" :resizable="true"> <h1>Modal Title</h1> </modal>

我正在使用显示可拖动和可调整大小的模式,但我对“可拖动”属性有问题

模态打开,除“可拖动”外,所有属性均正常工作;我不能拖动模态(似乎没有效果)。 这是我如何设置模态的:

  <modal class="vue-js-modal"
      name="modal-name"
      :draggable="true"
      :resizable="true">

    <h1>Modal Title</h1>

  </modal>

情态标题
有人能帮我解决这个问题吗?
非常感谢

我不确定是什么原因导致了你这方面不受欢迎的行为。您是否查看了是否有任何错误消息干扰库或代码?从我下面的代码示例中从头开始尝试 将库安装为:npm Install--save vue js modal

以下各项工作正常(经过测试):


情态标题
我快乐的心情

从“vue js modal”导入VModal 导出默认值{ 名称:“演示”, 组成部分:{ V模式 }, 数据:函数(){ 返回{ buttonText:“打开模式” } } }
可拖动属性接受两种数据类型:字符串和布尔值。您将其指定为布尔值,是否可以尝试将其作为字符串(draggable=“true”),不带冒号?我也尝试了作为字符串(draggable=“true”,不带冒号),但没有任何结果:(
<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>