写element管理后台,避免不了的,就是在表格中显示图片
从官网看出,el-image有六个属性 ‘fill’, ‘contain’, ‘cover’, ‘none’, ‘scale-down’,具体每个属性是什么样子的,我就不阐述了,对el-image设置属性,只需要在标签加上当前属性就可以了

// html中
<el-image :src="scope.row.headURL" :fit="fit"></el-image>
// js中
data() {
	return {
		fit: 'cover' // 想要什么属性就在这个位置设置什么属性
	}
}

管理后台查看一下,是否绑定成功
在这里插入图片描述
绑定了Object-fit属性,搞定

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐