一般来说el-dialog都是通屏显示的,那么如何将它放在某一处div中显示出来,请按如下步骤操作:
1.添加el-dialog代码段
2.在外面包裹一层div
<div class="dialog-box">
<el-dialog
title="提示"
:modal-append-to-body='false'
:append-to-body="false"
:visible.sync="repealVisible"
width="30%"
:before-close="open">
<span>这是一段描述性文字</span>
<span slot="footer" class="dialog-footer">
<el-button @click="repealVisible = false">取 消</el-button>
<el-button type="primary" @click="repealVisible = false">确 定</el-button>
</span>
</el-dialog>
</div>
3.修改样式,将通知框的position改成absolute
::v-deep .el-dialog__wrapper{
position: absolute !important;
}
::v-deep .v-modal{
position: absolute !important;
}
这样el-dialog就可以局部显示了