el-dialog 点开后背景是灰色,但是点击以后就又好了,解决方法

今天给大家分享一共 element-ui的坑 el-dialog 点击后,弹窗出来背景直接变成灰色,也就是正常咱们要在点击关闭的时候出现的背景灰,这个时候控制台也没有报错,代码也是刚从官网复制的组件

el-dialog 点开后背景是灰色,但是点击以后就又好了,解决方法_第1张图片

 但是只要点击屏幕以后,就又跟正常一样,

el-dialog 点开后背景是灰色,但是点击以后就又好了,解决方法_第2张图片

复制的组件标签和属性也没有任何问题

el-dialog 点开后背景是灰色,但是点击以后就又好了,解决方法_第3张图片

 

小编以前也没有遇到这个情况,也是最近使用的时候出现的这个问题,经过我排查以后,也看了组件下面的属性介绍,最后解决方法为:

给标签中 :modal-append-to-body="false" 加入这个属性

加入后,再点击就更正常使用的一样啦!

 

你可能感兴趣的:(vue.js,elementui,前端)