方案1：el-dialog 设置可拖动

• 1. 安装 "vue-element-dialog-draggable": "^1.0.3"

cnpm i vue-element-dialog-draggable --save

• 2. main.js引入一下

import DlgDraggable from "vue-element-dialog-draggable"
Vue.use(DlgDraggable);

• 3. 设置一下可拖动 v-draggable

<el-dialog :title="msg" v-draggable  :visible.sync="dialogVisible" >
   拖拽demo
</el-dialog>

方案2： bootstrap dialog

• 1. 安装jquery-ui

cnpm i jquery-ui --save

• 2. 设置一下监听

// webpack.base.conf.js
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        'jquery-ui': 'jquery-ui'
    }
},

// 使用jquery-ui 全局可拖动
import 'jquery-ui/ui/widgets/draggable'

// 监听一下事件
$(document).on("show.bs.modal", ".modal", function(){
    $(this).draggable();
    $(this).css("overflow-y", "scroll");
    // 防止出现滚动条，出现的话，你会把滚动条一起拖着走的
    //参考一下  https://blog.csdn.net/gloomy_114/java/article/details/53113188
  });