el-image的fit属性
写element管理后台,避免不了的,就是在表格中显示图片从官网看出,el-image有六个属性 ‘fill’, ‘contain’, ‘cover’, ‘none’, ‘scale-down’,具体每个属性是什么样子的,我就不阐述了,对el-image设置属性,只需要在标签加上当前属性就可以了// html中<el-image :src="scope.row.headURL" :fi...
·
写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属性,搞定
更多推荐
已为社区贡献1条内容
所有评论(0)