关于前端:elimg头像点击放大浏览

成果展现:

代码:


 <el-image
              style="width: 40px; height: 40px"
              :src="'/oa/img/' + currentUser.headIcon"
              :preview-src-list="srcList">
            </el-image>
export default{
     data() {
        return{
            srcList:[]
        }
    }

      mounted(){
      this.$get("/user/currentUser", {}, resp => {     this.srcList.push('/oa/img/'+this.currentUser.headIcon);
            })
      }
      '/oa/img/'+this.currentUser.headIcon(能够换成你取出来的图片url)
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理