将el-dialog弹出范围限制到html
时间: 2023-07-28 11:41:57 浏览: 68
如果你希望 `el-dialog` 弹出范围限制在 `html` 元素内,可以使用 `containment` 属性。将该属性设置为 `html`,则 `el-dialog` 只会在 `html` 元素内移动。
示例代码如下:
```html
<el-dialog
title="提示"
:visible.sync="dialogVisible"
:containment="'html'">
<p>这是一段内容</p>
</el-dialog>
```
这样,`el-dialog` 就不会超出 `html` 元素的范围,可以在页面内自由移动。需要注意的是,`el-dialog` 的默认行为是在页面内自由移动,因此只需要设置 `containment` 属性即可。
阅读全文