table表格实现图片头像上传_el-table-column表格图片上传

 效果

html代码

 <el-table-column label="头像" width="120">
          <div class="demo-fit">
            <div class="block">
              <el-avatar
                shape="square"
                :size="50"
                :fit="fit"
                :src="headerurl"
              ></el-avatar>
            </div>
          </div>
        </el-table-column>

data中定义

   headerurl: "", // 头像地址

methods中赋值

跟随接口 赋值

this.headerurl = res.data.list[0].headerurl

更多详情请查Element-Ui 官方文档