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

el-image的fit属性相关推荐

jsp页面如何通过el表达式获取request属性值
1. 我在一个超连接后加个参数如: http://localhost:8080/test/testjstl.jsp?pid=001 此时在jsp页面中,获取jsp传过来的pid的参数 ...
el表达式找不到对象属性
javax.el.PropertyNotFoundException: 类型[com.ytz.entity.Book]上找不到属性[author] 我在使用el表达式取值时出现了上述错误,如下是涉及到 ...
jsp java el_jsp之EL表达式
EL表达式 1. 什么是EL表达式 jsp中的EL(express language)表达式技术:它仅仅是表达式. EL表达式的功能: 获取4个内置对象(域)中的数据,或自定义对象中的数据,或数组.集 ...
Java-Web JSP指令、javabean和EL表达式
目录一.JSP指令 1.JSP指令概述 2.page指令 (1)pageEncoding和contentType (2)import (3)errorpage和isErrorpage (4)web. ...
java el表达式 if else_jsp EL表达式和JSTL标签if-else if-else用法
java web javaEE ,jsp EL表达式和JSTL标签if-else if-else四种用法一.条件运算符 ${user.gender==?'男':'女'} 二.if() code.. ...
JSP——EL语法总结
前言: 这周学习了EL和JSTL,内容是很简单,但知识点很琐碎,所以来总结一下. 1.EL概述: 1. 什么是 EL ? EL即Expression Language(表达式语言),是 ...
struts-config.xml 中 action 与 forward 的重要属性
1.forward 的 redirect 可以为true.false(默认).yes.no true和yes一样,false和no一样: redirect="false",容器内跳 ...
Vue的常用指令(v-html {{}}文本插值,v-bind绑定属性,v-if条件渲染,v-for列表渲染,v-on @ 事件绑定,v-model表单绑定)
Vue的常用指令(文本插值,绑定属性,条件渲染,列表渲染,事件绑定,表单绑定) Vue 的介绍 Vue 是一套构建用户界面的渐进式前端框架. 只关注视图层,并且非常容易学习,还可以很方便的与其它库或已 ...
【EL表达式】EL 表达式学习
什么是EL 表达式全称:Expression Language,一种写法非常简介的表达式. 语法简单易懂,便于使用.表达式语言的灵感来自于ECMAScript 和XPath 表达式语言 EL 表达式 ...

el-image的fit属性

el-image的fit属性相关推荐

最新文章

热门文章