在使用饿了么组件中的dialog时,由于多个路由组件之间的嵌套出现了一种情况
点击弹出dialog的时候会出现这种情况,如上图。
搜了有博主的解决方法,原博主内容,特此记录一下。
//使用:model="false"消除开始绑定的内容
//在el-dialog中添加类名,手动写一个伪遮罩层
<el-dialog title="收货地址" :visible.sync="dialogTableVisible" class="thisblack-bgc">
<el-table :data="gridData">
<el-table-column property="createTime" label="时间" width="150" />
<el-table-column property="description" label="消息" width="200" />
<el-table-column property="detail" label="详细" />
</el-table>
</el-dialog>
<style>
.thisblack-bgc {
background-color: rgba(0, 0, 0, 0.5);
}
</style>