vue 前端如何实现弹出多个dialog不遮挡

vue 前端如何实现弹出多个dialog不遮挡在我们做项目时，可能会遇到好多需要弹出多个dialog的情况，但有时候会出现，前边出现的dialog会遮挡将要出现的dialog，使其不能好好显示。这时候解决方案其实很简单，只需要在标签内将append-to-body属性设置为true。或者干脆直接直接添加append-to-body。<el-dialogappend-to-body> &

Joker_gezi

4094人浏览 · 2020-08-28 17:18:27

Joker_gezi · 2020-08-28 17:18:27 发布

vue 前端如何实现弹出多个dialog不遮挡

在我们做项目时，可能会遇到好多需要弹出多个dialog的情况，但有时候会出现，前边出现的dialog会遮挡将要出现的dialog，使其不能好好显示。
这时候解决方案其实很简单，只需要在标签内将append-to-body属性设置为true。或者干脆直接直接添加append-to-body。

<el-dialog   append-to-body> </el-dialog >

<el-dialog   append-to-body="true"> </el-dialog >

该属性说明：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^