Element-ui官方

实现 效果

代码实现 

html

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

data中定义

fit: "cover", // 头像类型
headerurl: "", // 头像地址

js

  methods: {// 列表evaluateList() {this.loading = true;evaluatePost(this.evPost).then((res) => {console.log("私教列表", res);this.loading = false;if (res.data.code == "666") {this.table = res.data.list;this.total = res.data.count;// 图片赋值(根据接口返回  对应赋值)this.headerurl = res.data.list[0].headerurl}});},

更多初级细节可关注查看文章