1.在drag.js中寫上如下代碼(使用的話直接復制即可): import Vue from 'vue'; //使用Vue.directive()定義一個全局指令 //1.參數一：指令的名稱，定義時指令前面不需要寫v- //2.參數二：是一個對象，該對象中有相關的操作函數 //3.在調用 ...

如圖：已不在屏幕中央，為拖動后的效果 ...

案例分析： 1，點擊彈出層，會彈出模態框，並且顯示灰色半透明的遮擋層。 2，點擊關閉按鈕，可以關閉模態框，並且同時關閉灰色半透明遮擋層。 3，鼠標放到模態框最上面一行，可以按住鼠標拖拽模態框在頁面中移動。mousedown mousemove 4，鼠標松開，可以停止模態框移動 ...

第一步引入import elDragDialog from "@/directive/el-dragDialog";第二步 在export default中聲明directives: { elDrag ...

還是上一個小項目，o(╥﹏╥)o，要實現點擊一個div或者button或者一個東西然后可以彈出一個浮在最上面的彈框。網上找了找，發現Bootstrap的Model彈出框可以實現該功能，因此學習了一下，實現了基本彈框功能（可拖動）。 代碼如下： 點擊按鈕，會彈框顯示，並且彈框 ...

View Code ...

： 第六步在將created里面拖動的left和top進行處理，完整代碼是這樣子的： ...

...