el-image 大图预览 显示效果异常的问题

先看下现象：

理想效果	实际效果

发现问题的时候，第一步想到的是去看文档，检查是不是有那些参数没有用到。看到最后发现了问题所在，大图预览的界面无法绑定到body

<div class="detail_style">
    <div class="detail_style_content">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="档案详情" name="docDetail">
          <div class="tab_content">
            <div class="tab_content_header">
                <div class="tab_pics_arr">
                  <el-carousel height="200px" indicator-position="outside">
                    <el-carousel-item v-for="(img,index) in imgs" :key="index">
                      <el-image
                          style="width: 240px"
                          :preview-src-list="imgs.map(img => img.src)"
                          :src="img.src"
                          :alt="img.alt"
                          :max-scale="7"
                          :min-scale="0.2"
                          :hide-on-click-modal="true"
                          :close-on-press-escape="true"
                  
                      />
                    </el-carousel-item>
                  </el-carousel>
                </div>
              </div>

所以需要用到文档中的：preview-teleported

 其他参数根据个人需要，自由发挥就好