filter 过滤器

需求：前端编写一个输入框，用户输入英文字母后，需要将其转换为大写进行页面显示。

变量 toUpperCase() 转换为大写

一些简单的业务逻辑，在插值表达式里面是可以完成的。但是需要注意，开发理念不建议在插值表达式里面书写太多的业务代码，纯粹的输出。如果有业务代码建议做其他的一些操作，例如定义函数处理。

语法：模型变量 | 过滤器（vuejs提供一些特殊的标识符，函数）
表现形式：拿 | 前面的操作的返回结果作为输出 | 后面的输入

类似Linux操作系统里面的管道类似 php里面的 smarty 模板引擎里面的变量调节器

uppercase：表示大写字母
lowercase ：表示小写字母
capitalize：首字符会转换成大写，其余字符不做改变。

<body>
<div id="app">    用户名：<input type="text" v-model="username"><p>普通操作：<b>{{ username.toUpperCase() }}</b></p><p>函数处理：{{ myToUpperCase() }}</p><p>filter 过滤器：<b>{{ username | uppercase }}</b></p><p>filter 过滤器(首字母大写)：<b>{{ username | capitalize }}</b></p><p>filter 过滤器(首字母大写)(先转小写，然后首字母大写)：<b>{{ username | lowercase | capitalize }}</b></p>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/1.0.22/vue.js"></script>
<script>var vm = new Vue({el: "#app",data: {},methods: {myToUpperCase(){return this.username.toUpperCase();}}});
</script>

filter 过滤器相关推荐

[JAVA EE] Filter过滤器
Filter过滤器 ◼ 过滤器(Filter)可以动态地拦截请求和响应. ◼ 应用场景:过滤敏感词汇.防止SQL注入.设置字符编码.进行URL级别的权限访问控制.压缩响应信息等. 启动文件DemoA ...
Filter(过滤器）
一.Filter过滤器(重要) Javaweb中的过滤器可以拦截所有访问web资源的请求或响应操作. 1.Filter快速入门 1.1.步骤: 1. 创建一个类实现Filter接口 2. 重写接口中方 ...
filter[过滤器]使用大全
一．页面编码过滤器 1．开发EncodingFilter.java文件,继承自javax.servlet.Filter: package bluemoon.crm.systemmanage.strut ...
（JavaWeb）Filter过滤器
Filter过滤器 Filter:过滤器,用来过滤网站的数据. 自动登录统一设置编码格式访问权限控制敏感字符过滤等过滤器实际上就是对web资源进行拦截,做一些处理后再交给下一个过滤器或serv ...
Spring MVC在参数绑定前通过Filter过滤器改变请求参数的值
第一步,对request请求进行增强: /*** author: zhangxueliang* date: 2019-08-23*/ public class ParameterServletRequ ...
spring boot Filter过滤器的简单使用
springboot使用Filter过滤器有两种方式: 一种是实现Filter接口然后通过@Component注解向项目加入过滤器另一种是通过配置类来配置过滤器 @Component public ...
【Servlet】Filter过滤器详解、使用示例
Filter过滤器讲解定义过滤器处于浏览器与servlet之间,是一个实现了 javax.servlet.Filter 接口的 Java 类客户端发送的请求.服务器发送的资源,需要通过过滤器,才 ...
JBuilder9+Weblogic8.1——Filter过滤器在Jbuilder9中的运用
JBuilder9+Weblogic8.1--Filter过滤器在Jbuilder9中的运用一.首先建立工程FilterTest,建立Web Application,名称也为FilterTest. ...
java filter教程_Java Web Filter 过滤器学习教程(推荐)
一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...
vue+filter过滤器（多参数）传参 - 代码篇
vue+filter过滤器(多参数)传参 - 代码篇传1个参数 //html {{a1 | filterAa}} //js filters:{filterAa(a1){// a1是传入的参数} } ...

filter 过滤器

filter 过滤器相关推荐

最新文章

热门文章