Fatal编程技术网
  • vue.js/
  • Vue.js 如何使用vue js使模态从一端移动到另一端

Vue.js 如何使用vue js使模态从一端移动到另一端

vue.js

Vue.js 如何使用vue js使模态从一端移动到另一端,vue.js,Vue.js,在vue.js中有这样的代码，我的任务是使模式从一端移动到另一端，这是我的代码，为此使用了引导模式，包括：draggable <b-modal ref="my-modal" hide-footer title="Edit Record"> <div class="card"> <div class="card-header d-flex justify-content-between"> <div clas

在vue.js中有这样的代码，我的任务是使模式从一端移动到另一端，这是我的代码，为此使用了引导模式，包括：draggable

<b-modal ref="my-modal" hide-footer title="Edit Record">
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <div class="">Viz Attributes</div>
        </div>

        <div class="card-body">
        </div>
    </div>
</b-modal>


即属性
您不能在视口中完全定位它们

您需要将模态对话框子容器的位置更改为绝对位置，并基于拖动控制左/顶位置。这不是一项过于简单的任务。您需要创建自己的可拖动模态。 我建议您使用Vue.js modal组件演示：www.Vue-js-modal.yev.io 安装：www.npmjs.com/package/vue-js-modal


把我拖到这里来
你好
如果我单击“DRAG ME HERE”（将我拖到此处），则不会进行拖动？您是否安装了“Vue.js modal”（Vue.js模式）的组件？请看一看，这是使用jquery，需要在Vue.js中，还是仅使用纯引导