使 el-dialog能拖动
时间: 2023-07-08 21:45:46 浏览: 110
可拖动弹出框插件easydialog.zip
要使 el-dialog 能够拖动,可以使用 element-ui 提供的 `el-dialog` 的 `drag` 属性。
示例代码如下:
```html
<template>
<el-dialog :title="title" :visible.sync="dialogVisible" :drag="drag">
<p>{{ message }}</p>
</el-dialog>
</template>
<script>
export default {
data() {
return {
title: 'Dialog',
message: 'Hello, world!',
dialogVisible: false,
drag: true // 开启拖拽
}
}
}
</script>
```
在 `el-dialog` 中设置 `drag` 属性为 `true` 即可开启拖拽。
阅读全文