vue-js-modal“可拖动”问题

Question

我正在使用vue-js-modal来显示一个可拖动和可调整大小的模式，但是我有一个" draggable“属性的问题。

模式正在打开，除了“draggable”之外，所有属性都工作正常；我不能拖动模式(似乎没有效果)。下面是我设置模式的方法：

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

    <h1>Modal Title</h1>

  </modal>

有人能帮我解决这个问题吗？非常感谢

Answer 1

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

以下代码工作正常(经过测试)：

<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>