element-ui中弹框dialog不显示的问题

今日遇一小坑，使用elementUI的时候，项目中需要做一个换头像的功能，因为项目结构原因，我写了一个组件，点击头像出现弹框，并且可以上传头像，但是遇到一个问题，在作为组件的时候，弹框只显示弹层但是不显示框，仔细查看了文档，发现有个关键属性append-to-body，他默认是false，我们给他设置为true，写在<el-dialog>标签里。

 <el-dialog title="修改头像" :visible.sync="changeicon" width="30%" :append-to-body="true" >

下面为文档中的属性介绍，默认是false

加上这个属性之后，弹框就出来了。