【Element】【el-dialog】pc端点击查看大图 放大图片

<div class="imgbox">
   <img :src="item" alt="" v-for="(item,i) in imgarr" :key="i" class="img1" @click.stop="handlePictureCardPreview(item)">
</div>
        
  <!-- 点击查看大图 -->
  <el-dialog :visible.sync="dialogVisible" width="600px">
    <img width="100%" :src="dialogImageUrl" alt="">
  </el-dialog>

imgarr:['https/xx.png','https/xx1.png'],
dialogVisible:false,
dialogImageUrl: '',

  handlePictureCardPreview(file) {
    this.dialogImageUrl = file;
     this.dialogVisible = true;
  },