Vue2项目中,如何解决图片全屏预览

Vue2项目中,使用Element ui组件,使用轮播图时,图片设置preview-src-list属性后无法全屏显示,只能在当前父组件全屏显示,如何解决,请求赐教

<el-carousel :interval="2000" type="card" height="400px">
    <el-carousel-item v-for="(p, index) in list" :key="index">  
        <el-image
          :src="p.pic_url"
          class="image"
          :preview-src-list="[p.pic_url]"
          style="background-position: center center"
          @click.stop="handleClickItem"
        />    
    </el-carousel-item>
</el-carousel>
element·vuejs
162 views
Comments
登录后评论
Sign In
·

试试将当前图片的preview-src-list属性值赋给一个全局变量,,大概这样? 预览图片列表->将当前图片的预览列表赋给全局变量->打开全屏显示组件->在全屏显示组件中预览列表