如上图所示,日期选择器弹出框在底部,这是只需要
设置el-dialog的z-index属性即可。
<el-dialog
v-model="addDialogVisible"
:title="isStatus == 'add' ? '添加数据' : '编辑数据'"
width="60%"
:append-to-body="true"
:z-index="100"
draggable
>
</el-dialog>
如果整个弹出框被遮罩层覆盖了,设置el-dialog上的append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。