element ui图片放大后 变暗 dialog

点击修改，弹出一个dialog对话框，里面有添加图片选项，图片添加后，点击放大镜图标，图片放大，焦点却不在图片上，需要再次点击焦点才能到图片上。
如下图所示：

这时只需要在子dialog内加上append-to-body=“true”即可

 <el-dialog :visible.sync="pic_view" append-to-body="true" width="40%">
            <img width="100%" :src="dialogImageUrl" alt="">
          </el-dialog>

来自官方的解释

参考
https://element.eleme.cn/#/zh-CN/component/dialog