关于将el-dialog在局部区域中显示的问题

一般来说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就可以局部显示了