el-image的fit属性

写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属性,搞定

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值