xz-vue/src/views/common/image.vue

<script>

export default{
  data(){
    return{
      url:'',
    }
  },
  created() {
    const url = localStorage.getItem("imgUrl");
    if (url) {
      this.url = url;
      localStorage.removeItem("imgUrl")
    }
  }
}

</script>

<template>
 <div style="margin: 0 auto;text-align: center;line-height: 100vh">
<!--   <img :src="url" v-viewer>-->
   <el-image :src="url"></el-image>
 </div>
</template>

<style scoped>

</style>