el-select__tags

时间: 2023-08-22 09:14:21 浏览: 95

EL表达式--标签

### EL表达式之标签详解 #### 一、EL表达式概览 EL（Expression Language）是一种简化了数据访问的语言，它被广泛应用于JSP页面中，使得开发者能够更方便地获取存储在不同作用域中的对象属性。EL表达式通常与JSTL（JavaServer Pages Standard Tag Library）结合使用，来实现页面上的动态数据展示与处理。 #### 二、EL表达式之fmt标签详解 `fmt`是JSTL中的国际化和格式化标签库的一部分，主要用于处理日期、数字和消息资源等的格式化输出。 ##### 1. `fmt:requestEncoding` 用于设置请求的字符编码。例如： ```jsp <fmt:requestEncoding value="UTF-8" /> ``` ##### 2. `fmt:setLocale` 设置区域设置（locale）。例如： ```jsp <fmt:setLocale value="zh_CN" /> ``` ##### 3. `fmt:timeZone` & `fmt:setTimeZone` 设置时区。例如： ```jsp <fmt:timeZone value="Asia/Shanghai">  </fmt:timeZone> ``` ##### 4. `fmt:bundle` & `fmt:setBundle` 用于加载资源文件。例如： ```jsp <fmt:bundle basename="messages"> <fmt:message key="welcome.message"/> </fmt:bundle> ``` ##### 5. `fmt:message` 从资源文件中读取消息。例如： ```jsp <fmt:message key="welcome.message"/> ``` ##### 6. `fmt:param` 为`fmt:message`提供额外的参数。例如： ```jsp <fmt:message key="welcome.message"> <fmt:param value="John"/> </fmt:message> ``` ##### 7. `fmt:formatNumber` & `fmt:parseNumber` 用于格式化和解析数字。例如： ```jsp <fmt:formatNumber value="123456.789" pattern="#,###.##"/> <fmt:parseNumber var="num" value="123456.789" type="number"/> ``` - **type**: 指定数字类型，可以是`currency`、`number`或`percent`。 - **pattern**: 指定格式模式。 ##### 8. `fmt:formatDate` & `fmt:parseDate` 用于格式化和解析日期。例如： ```jsp <fmt:formatDate value="${date}" pattern="yyyy-MM-dd"/> <fmt:parseDate var="parsedDate" value="2023-01-01" type="date"/> ``` - **value**: 需要格式化的日期对象。 - **pattern**: 日期格式字符串。 - **type**: 可以为`date`、`time`或`both`。 #### 三、EL表达式之fn字符串处理详解 `fn`标签库提供了一系列用于字符串处理的函数。 ##### 1. `fn:length` 返回字符串的长度。例如： ```jsp <c:out value="${fn:length('Hello World')}" /> ``` ##### 2. `fn:contains` & `fn:containsIgnoreCase` 判断一个字符串是否包含另一个子字符串，以及忽略大小写的版本。例如： ```jsp <c:if test="${fn:contains('Hello World', 'World')}">  </c:if> <c:if test="${fn:containsIgnoreCase('Hello World', 'world')}">  </c:if> ``` ##### 3. `fn:endsWith` 判断一个字符串是否以特定子字符串结尾。例如： ```jsp <c:if test="${fn:endsWith('Hello World', 'World')}">  </c:if> ``` 以上是EL表达式中`fmt`和`fn`标签库的主要功能和用法。通过这些标签，可以有效地提高JSP页面的数据处理能力和国际化支持能力。在实际开发过程中，合理运用这些标签能够显著提升代码的可读性和维护性。

el-select__tags是一个类名，用于定义一个下拉选择框中的标签容器。在引用[1]中的代码中，通过修改.my-select类下的.el-select__tags元素的样式，设置了标签容器中第一个子元素的宽度为60%。而在引用[2]中的代码中，通过修改样式中的.el-select__tags类，设置了标签容器的显示方式为flex，并且禁止换行。同时，通过设置.el-select__tags-text类的样式，限制了标签文本的最大宽度为80px，并且超出部分以省略号显示。

阅读全文

el-select__tags

相关推荐

taglist.el

解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

如何穿透修改el-select的el-select__tags的样式

element ui的el-select__tags自定义

element ui中select的el-select__tags实现自定义显示内容

el-select collapse-tags

el-select-tags点击事件

<el-select collapse-tags>

el-select不要tags

el-select el-tree

el-select + el-tree

el-dialog内的el-select如何在el-dialog关闭时自动折叠

如何在el-select中使用el-tree

select分俩块,el-select嵌入input和el-tree

部门 <el-select size="small" clearable multiple collapse-tags filterable v-model="queryForm.depcode" placeholder="请选择" style="width: 200px;" @change="queryBtn" > <el-option v-for="(item,index) in queryDepcodeList" :key="index" :value="item.name" :label="item.name"> </el-option> </el-select>

el-select多选

最新推荐

1300张图片训练效果

SSM动力电池数据管理系统源码及数据库详解

管理建模和仿真的文件

MapReduce分区机制揭秘：作业效率提升的关键所在

在电子商务平台上，如何通过CRM系统优化客户信息管理和行为分析？请结合DELL的CRM策略给出建议。

R语言桑基图绘制与SCI图输入文件代码分析

"互动学习：行动中的多样性与论文攻读经历"

如何优化MapReduce分区过程：掌握性能提升的终极策略

对于Java初学者来说，如何从源代码层面深入理解Java编程基础和项目实践的核心概念？

Linux下Sakagari Hurricane翻译工作：cpktools的使用教程